Vojtech Simetka
5d0fbf705d
* feat: make some check optional (e.g. connected peers > 0 or funded chequebook) * fix: alter setup step text to better describe what needs to be done * refactor: rename isOk from boolean value to checkState enum * fix: add checking for any error
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { ReactElement, useContext } from 'react'
|
|
import { Button } from '@material-ui/core'
|
|
|
|
import TroubleshootConnectionCard from '../../components/TroubleshootConnectionCard'
|
|
import { CheckState, Context as BeeContext } from '../../providers/Bee'
|
|
import ExpandableList from '../../components/ExpandableList'
|
|
import ExpandableListItem from '../../components/ExpandableListItem'
|
|
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
|
|
import TopologyStats from '../../components/TopologyStats'
|
|
|
|
export default function Status(): ReactElement {
|
|
const {
|
|
status,
|
|
latestUserVersion,
|
|
isLatestBeeVersion,
|
|
latestBeeVersionUrl,
|
|
topology,
|
|
nodeAddresses,
|
|
chequebookAddress,
|
|
nodeInfo,
|
|
} = useContext(BeeContext)
|
|
|
|
if (status.all === CheckState.ERROR) return <TroubleshootConnectionCard />
|
|
|
|
return (
|
|
<div>
|
|
<ExpandableList label="Bee Node" defaultOpen>
|
|
<ExpandableListItem label="Mode" value={nodeInfo?.beeMode} />
|
|
<ExpandableListItem
|
|
label="Agent"
|
|
value={
|
|
<div>
|
|
<a href="https://github.com/ethersphere/bee" rel="noreferrer" target="_blank">
|
|
Bee
|
|
</a>
|
|
{` ${latestUserVersion || '-'} `}
|
|
<Button size="small" variant="outlined" href={latestBeeVersionUrl} target="_blank">
|
|
{isLatestBeeVersion ? 'latest' : 'update'}
|
|
</Button>
|
|
</div>
|
|
}
|
|
/>
|
|
<ExpandableListItemKey label="Public key" value={nodeAddresses?.publicKey || ''} />
|
|
<ExpandableListItemKey label="PSS public key" value={nodeAddresses?.pssPublicKey || ''} />
|
|
<ExpandableListItemKey label="Overlay address (Peer ID)" value={nodeAddresses?.overlay || ''} />
|
|
|
|
<ExpandableList level={1} label="Underlay addresses">
|
|
{nodeAddresses?.underlay.map(addr => (
|
|
<ExpandableListItem key={addr} value={addr} />
|
|
))}
|
|
</ExpandableList>
|
|
</ExpandableList>
|
|
<ExpandableList label="Blockchain" defaultOpen>
|
|
<ExpandableListItemKey label="Ethereum address" value={nodeAddresses?.ethereum || ''} />
|
|
<ExpandableListItemKey label="Chequebook contract address" value={chequebookAddress?.chequebookAddress || ''} />
|
|
</ExpandableList>
|
|
<ExpandableList label="Connectivity" defaultOpen>
|
|
<TopologyStats topology={topology} />
|
|
</ExpandableList>
|
|
</div>
|
|
)
|
|
}
|