@@ -12,9 +12,10 @@ import { Dropdown } from "./DropDown";
1212import { TextField } from "./TextField" ;
1313
1414const UserCard : React . FC = ( ) => {
15- const { drawerHeading, setDrawerHeading, drawerInfo, setDrawerInfo, userInfo, coreKitInstance } = useCoreKit ( ) ;
16- const { getAccount, account } = useUnifiedRPC ( ) ;
15+ const { drawerHeading, setDrawerHeading, drawerInfo, setDrawerInfo, userInfo, coreKitInstance, networkName } = useCoreKit ( ) ;
16+ const { getAccount, account, getBalance } = useUnifiedRPC ( ) ;
1717 const [ openConsole , setOpenConsole ] = React . useState ( false ) ;
18+ const [ balance , setBalance ] = React . useState < string > ( "" ) ;
1819
1920 const [ isCopied , setIsCopied ] = React . useState ( false ) ;
2021 const [ imageError , setImageError ] = React . useState ( false ) ;
@@ -35,8 +36,14 @@ const UserCard: React.FC = () => {
3536 } ;
3637
3738 React . useEffect ( ( ) => {
38- if ( account )
39- fetchWalletAddresses ( ) ;
39+ const init = async ( ) => {
40+ if ( account ) {
41+ fetchWalletAddresses ( ) ;
42+ const balance = await getBalance ( ) ;
43+ setBalance ( `${ balance } ${ networkName } ` ) ;
44+ }
45+ }
46+ init ( ) ;
4047 } , [ account ] ) ;
4148
4249 const createNewWallet = async ( ) => {
@@ -131,6 +138,7 @@ const UserCard: React.FC = () => {
131138 < div >
132139 < h3 className = "font-bold text-app-gray-800 dark:text-app-white mb-2" > { userInfo . name } </ h3 >
133140 < p className = "text-xs text-app-gray-400 mb-1" > { userInfo . email ? userInfo . email : userInfo . name } </ p >
141+ < p className = "text-xs text-app-gray-400 mb-1" > { balance ? balance : 0 } </ p >
134142 < button className = "leading-none" onClick = { handleConsoleBtn } >
135143 < Link className = "text-xs text-app-primary-600" > View User Info</ Link >
136144 </ button >
0 commit comments