display token count in wallets list page

minotaur-ergo · Apr 17, 2024 · ca34989 · ca34989
1 parent 78b36a3
commit ca34989
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/pages/wallets/Wallets.tsx b/src/pages/wallets/Wallets.tsx
@@ -44,6 +44,7 @@ const Wallets = () => {
             name={item.name}
             type={item.type}
             net={item.networkType}
+            tokensCount={item.tokens.length}
             amount={BigInt(item.balance)}
             key={index}
           />

diff --git a/src/pages/wallets/components/WalletItem.tsx b/src/pages/wallets/components/WalletItem.tsx
@@ -17,6 +17,7 @@ interface PropsType {
   type: WalletType;
   net?: string;
   amount?: bigint;
+  tokensCount?: number;
   onClick?: () => unknown;
 }
 
@@ -90,6 +91,11 @@ const WalletItem = (props: PropsType) => {
               </Typography>
             ) : null}
           </Box>
+          {props.tokensCount && props.tokensCount > 0 ? (
+          <Typography variant="body2" color="textSecondary">
+              Includes {props.tokensCount} token{props.tokensCount > 1 ? 's' : ''}
+          </Typography>
+          ) : null}
         </Box>
       </CardActionArea>
     </Card>