Fouad
e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import * as React from 'react'
|
|
import { Typography } from '@mui/material'
|
|
import { getMixNodeIcon } from '@/app/components/Icons'
|
|
import { MixnodeStatus } from '@/app/typeDefs/explorer-api'
|
|
import { useGetMixNodeStatusColor } from '@/app/hooks/useGetMixnodeStatusColor'
|
|
|
|
interface MixNodeStatusProps {
|
|
status: MixnodeStatus
|
|
}
|
|
// TODO: should be done with i18n
|
|
export const getMixNodeStatusText = (status: MixnodeStatus) => {
|
|
switch (status) {
|
|
case MixnodeStatus.active:
|
|
return 'active'
|
|
case MixnodeStatus.standby:
|
|
return 'on standby'
|
|
default:
|
|
return 'inactive'
|
|
}
|
|
}
|
|
|
|
export const MixNodeStatus: FCWithChildren<MixNodeStatusProps> = ({
|
|
status,
|
|
}) => {
|
|
const Icon = React.useMemo(() => getMixNodeIcon(status), [status])
|
|
const color = useGetMixNodeStatusColor(status)
|
|
|
|
return (
|
|
<Typography color={color} display="flex" alignItems="center">
|
|
<Icon />
|
|
<Typography ml={1} component="span" color="inherit">
|
|
{`${status[0].toUpperCase()}${status.slice(1)}`}
|
|
</Typography>
|
|
</Typography>
|
|
)
|
|
}
|