tweak: change balance naming and fix color of pending balance

spacemeshos · Dec 17, 2024 · 32cced6 · 32cced6
1 parent 53bd638
commit 32cced6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/screens/WalletScreen.tsx b/src/screens/WalletScreen.tsx
@@ -194,7 +194,7 @@ function WalletScreen(): JSX.Element {
                   ? `Available balance: ${balance.projected} Smidge\n`
                   : ''
               }Actual balance:     ${balance.current} Smidge`}
-              color={pendingBalance ? 'brand.orange' : 'white'}
+              color={pendingBalance ? 'orange' : 'white'}
             >
               {pendingBalance ? (
                 <Icon
@@ -225,7 +225,7 @@ function WalletScreen(): JSX.Element {
             />
           </Flex>
           {pendingBalance && (
-            <Text fontSize="sm" color="orange" mb={2} mr={10}>
+            <Text fontSize="sm" color="orange" mt={-1} mb={2} mr={10}>
               Pending transactions...
               <Tooltip
                 maxW="80vw"
@@ -234,15 +234,15 @@ function WalletScreen(): JSX.Element {
                     <Tbody>
                       <Tr>
                         <Td pl={0} pr={2} fontSize="xs">
-                          Available balance:
+                          Pending balance:
                         </Td>
                         <Td pl={2} pr={0}>
                           {balance.projected} Smidge
                         </Td>
                       </Tr>
                       <Tr>
                         <Td pl={0} pr={2} fontSize="xs">
-                          Actual balance:
+                          Current balance:
                         </Td>
                         <Td pl={2} pr={0}>
                           {balance.current} Smidge