Cafe137
1249c0df71
* chore: initial commit * refactor: remove unnecessary wrappers * style: add missing newline * chore: bump bee-js * chore: ignore any cast in fdp * fix: remove cid import * fix: make TextEncoder and TextDecoder available in jest * refactor: dedupe stamp ttl second conversion * refactor: use convenience methods from bee-js * feat: update to bee-js for restored ens support * fix: bump bee-js to get download fix * fix: resolve feed before downloading reference * fix: fix token displays * fix: fix token input modal error message * refactor: remove wallet balance provider * chore: remove dead code * refactor: upcoming bee js 0.15.0 (#692) * chore: initial commit * fix: do not break page when duration seconds is 0 * ci: remove cache * chore: upgrade bee-js * feat: bee-js and bee v2.6 compatibility * chore: switch upcoming/bee-js to ethersphere/bee-js
51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import { useContext } from 'react'
|
|
import { useNavigate } from 'react-router'
|
|
import Upload from 'remixicon-react/UploadLineIcon'
|
|
import Wallet from 'remixicon-react/Wallet3LineIcon'
|
|
import Card from '../../components/Card'
|
|
import { Context as BeeContext } from '../../providers/Bee'
|
|
import { ROUTES } from '../../routes'
|
|
|
|
export function WalletInfoCard() {
|
|
const { nodeInfo, walletBalance } = useContext(BeeContext)
|
|
const navigate = useNavigate()
|
|
|
|
let balanceText = 'Loading...'
|
|
|
|
if (walletBalance) {
|
|
balanceText = `${walletBalance.bzzBalance.toSignificantDigits(
|
|
4,
|
|
)} xBZZ | ${walletBalance.nativeTokenBalance.toSignificantDigits(4)} xDAI`
|
|
}
|
|
|
|
if (nodeInfo?.beeMode && ['light', 'full', 'dev'].includes(nodeInfo.beeMode)) {
|
|
return (
|
|
<Card
|
|
buttonProps={{
|
|
iconType: Wallet,
|
|
children: 'Manage your wallet',
|
|
onClick: () => navigate(ROUTES.ACCOUNT_WALLET),
|
|
}}
|
|
icon={<Wallet />}
|
|
title={balanceText}
|
|
subtitle="Current wallet balance."
|
|
status="ok"
|
|
/>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<Card
|
|
buttonProps={{
|
|
iconType: Wallet,
|
|
children: 'Setup wallet',
|
|
onClick: () => navigate(ROUTES.TOP_UP),
|
|
}}
|
|
icon={<Upload />}
|
|
title="Your wallet is not setup."
|
|
subtitle="To share content on Swarm, please setup your wallet."
|
|
status="error"
|
|
/>
|
|
)
|
|
}
|