chore: refactoring

Author: 1cedrus

examples/demo-subconnect/src/components/AccountSelection.tsx

@@ -61,7 +61,7 @@ export default function AccountSelection() {
                 <Text fontSize='xs'>Address: {shortenAddress(one.address)}</Text>
                 <Text fontSize='xs'>
                   Balance:
-                  {formatBalance(balances[one.address]?.free, { symbol: network.symbol, decimals: network.decimals })}
+                  {formatBalance(balances[one.address]?.free, network)}
                 </Text>
               </Flex>
             </MenuItem>

examples/demo-subconnect/src/components/Psp22Board.tsx

@@ -9,7 +9,7 @@ import { ConnectWalletButton } from '@/components/shared/ConnectWalletButton.tsx
 
 export default function Psp22Board() {
   const { contract } = useContract<Psp22ContractApi>(ContractId.PSP22);
-  const { defaultCaller, connectedAccount } = useTypink();
+  const { defaultCaller, connectedAccount, network } = useTypink();
   const mintTx = useContractTx(contract, 'psp22MintableMint');
 
   const { data: tokenName, isLoading: loadingTokenName } = useContractQuery({
@@ -98,15 +98,15 @@ export default function Psp22Board() {
         <Box mb={2}>
           Total Supply:{' '}
           <PendingText fontWeight='600' isLoading={loadingTotalSupply}>
-            {formatBalance(totalSupply, { decimals: tokenDecimal, symbol: tokenSymbol })}
+            {formatBalance(totalSupply, network)}
           </PendingText>
         </Box>
         <Divider my={4} />
         <Box>
           My Balance:{' '}
           {connectedAccount ? (
             <PendingText fontWeight='600' isLoading={loadingBalance}>
-              {formatBalance(myBalance, { decimals: tokenDecimal, symbol: tokenSymbol })}
+              {formatBalance(myBalance, network)}
             </PendingText>
           ) : (
             <ConnectWalletButton buttonProps={{ size: 'xs' }} />

examples/demo/src/components/AccountSelection.tsx

@@ -53,7 +53,7 @@ export default function AccountSelection() {
                 <Text fontSize='xs'>Address: {shortenAddress(one.address)}</Text>
                 <Text fontSize='xs'>
                   Balance:
-                  {formatBalance(balances[one.address]?.free, { symbol: network.symbol, decimals: network.decimals })}
+                  {formatBalance(balances[one.address]?.free, network)}
                 </Text>
               </Flex>
             </MenuItem>

examples/demo/src/components/Psp22Board.tsx

@@ -9,7 +9,7 @@ import { txToaster } from '@/utils/txToaster.tsx';
 
 export default function Psp22Board() {
   const { contract } = useContract<Psp22ContractApi>(ContractId.PSP22);
-  const { connectedAccount } = useTypink();
+  const { connectedAccount, network } = useTypink();
   const mintTx = useContractTx(contract, 'psp22MintableMint');
   const inputAddressRef = useRef<HTMLInputElement>(null);
   const [address, setAddress] = useState('');
@@ -107,7 +107,7 @@ export default function Psp22Board() {
         <Box mb={2}>
           Total Supply:{' '}
           <PendingText fontWeight='600' isLoading={loadingTotalSupply}>
-            {formatBalance(totalSupply, { decimals: tokenDecimal, symbol: tokenSymbol })}
+            {formatBalance(totalSupply, network)}
           </PendingText>
         </Box>
         <Divider my={4} />
@@ -125,7 +125,7 @@ export default function Psp22Board() {
             <Box mt={4}>
               Balance:{' '}
               <PendingText fontWeight='600' isLoading={loadingAnotherBalance}>
-                {formatBalance(addressBalance, { decimals: tokenDecimal, symbol: tokenSymbol })}
+                {formatBalance(addressBalance, network)}
               </PendingText>
             </Box>
           )}
@@ -135,7 +135,7 @@ export default function Psp22Board() {
           My Balance:{' '}
           {connectedAccount ? (
             <PendingText fontWeight='600' isLoading={loadingBalance}>
-              {formatBalance(myBalance, { decimals: tokenDecimal, symbol: tokenSymbol })}
+              {formatBalance(myBalance, network)}
             </PendingText>
           ) : (
             <WalletSelection buttonProps={{ size: 'xs' }} />