Cafe137
a4b8e7ca25
* fix: change status page depending on desktop mode * refactor: check desktop reachability periodically
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { ReactElement, ReactNode, useContext } from 'react'
|
|
import ExpandableList from '../../../components/ExpandableList'
|
|
import ExpandableListItemNote from '../../../components/ExpandableListItemNote'
|
|
import TopologyStats from '../../../components/TopologyStats'
|
|
import StatusIcon from '../../../components/StatusIcon'
|
|
import { CheckState, Context } from '../../../providers/Bee'
|
|
|
|
export default function PeerConnection(): ReactElement | null {
|
|
const { status, isLoading, topology } = useContext(Context)
|
|
const { isEnabled, checkState } = status.topology
|
|
const { checkState: debugApiCheckState } = status.debugApiConnection
|
|
|
|
if (!isEnabled || debugApiCheckState === CheckState.ERROR) return null
|
|
|
|
let text: ReactNode
|
|
switch (checkState) {
|
|
case CheckState.OK:
|
|
text = 'You are connected to other Bee nodes'
|
|
break
|
|
|
|
// Both error state and warning state
|
|
default:
|
|
text =
|
|
'Your node is not connected to any peers. Please wait a bit if you just started the node, otherwise review your configuration file.'
|
|
}
|
|
|
|
return (
|
|
<ExpandableList
|
|
label={
|
|
<>
|
|
<StatusIcon checkState={checkState} isLoading={isLoading} /> Connection to Peers
|
|
</>
|
|
}
|
|
>
|
|
<ExpandableListItemNote>{text}</ExpandableListItemNote>
|
|
|
|
<TopologyStats topology={topology} />
|
|
</ExpandableList>
|
|
)
|
|
}
|