feat: minor refactoring

Greenstand · Jul 16, 2023 · aa92187 · aa92187
1 parent 4126802
commit aa92187
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/src/pages/SendTokens/TokenInfoBlock.js b/src/pages/SendTokens/TokenInfoBlock.js
@@ -20,9 +20,31 @@ const AmountText = styled(Typography)({
   color: 'rgb(97,137,47)',
   textAlign: 'center',
   overflowWrap: 'break-word',
+  paddingTop: '10px',
+  paddingBottom: '10px',
 });
 
 
+const SubWalletInfo = ({ subWalletName, subWalletTokens }) => {
+  return (
+    <>
+      <Grid item xs={3}>
+      </Grid>
+      <Grid item xs={9} sx={{ borderTop: '1px solid rgb(97,137,47)' }}>
+      </Grid>
+
+      <Grid item xs={3} sx={{ minHeight: '65px' }}>
+      </Grid>
+      <Grid item xs={5}>
+        <AmountText>{subWalletTokens}</AmountText>
+      </Grid>
+      <Grid item xs={4}>
+        <SubText>{subWalletName} Tokens</SubText>
+      </Grid>
+    </>
+  );
+};
+
 const TokenInfoBlock = ({ totalTokens, subWalletName = null, subWalletTokens = null }) => {
   return (
     <Paper sx={{ width: '255px' }}>
@@ -39,21 +61,7 @@ const TokenInfoBlock = ({ totalTokens, subWalletName = null, subWalletTokens = n
         </Grid>
 
         {subWalletName && subWalletTokens &&
-          <>
-            <Grid item xs={3}>
-            </Grid>
-            <Grid item xs={9} sx={{ borderTop: '2px solid rgb(97,137,47)' }}>
-            </Grid>
-
-            <Grid item xs={3} sx={{ minHeight: '65px' }}>
-            </Grid>
-            <Grid item xs={5}>
-              <AmountText>{subWalletTokens}</AmountText>
-            </Grid>
-            <Grid item xs={4} sx={{ justifyContent: 'center' }}>
-              <SubText>{subWalletName} Tokens</SubText>
-            </Grid>
-          </>
+          <SubWalletInfo subWalletTokens={subWalletTokens} subWalletName={subWalletName} />
         }
       </Grid>
     </Paper>