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>
26 lines
644 B
TypeScript
26 lines
644 B
TypeScript
import React from 'react'
|
|
import { Box, Typography } from '@mui/material'
|
|
import { useWalletContext } from '@/app/context/wallet'
|
|
import { useIsMobile } from '@/app/hooks'
|
|
import { TokenSVG } from '@/app/icons/TokenSVG'
|
|
|
|
export const WalletBalance = () => {
|
|
const { balance } = useWalletContext()
|
|
const isMobile = useIsMobile(1200)
|
|
|
|
const showBalance = !isMobile && balance.status === 'success'
|
|
|
|
if (!showBalance) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<Box display="flex" alignItems="center" gap={1}>
|
|
<TokenSVG />
|
|
<Typography variant="body1" fontWeight={600}>
|
|
{balance.data} NYM
|
|
</Typography>
|
|
</Box>
|
|
)
|
|
}
|