Fixed holder network name and contract overflow on tx

Taraxa-project · Oct 23, 2023 · 99afb52 · 99afb52
1 parent 76f4815
commit 99afb52
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/services/explorer/src/components/DataRow/DataRow.styles.ts b/services/explorer/src/components/DataRow/DataRow.styles.ts
@@ -20,6 +20,10 @@ const useStyles = makeStyles(
           width: '100%',
         },
       },
+      wrapText: {
+        whiteSpace: 'normal',
+        overflowWrap: 'break-word',
+      },
     };
   },
   { name: 'DataRow' }

diff --git a/services/explorer/src/components/DataRow/DataRow.tsx b/services/explorer/src/components/DataRow/DataRow.tsx
@@ -5,8 +5,9 @@ import useStyles from './DataRow.styles';
 export const DataRow: React.FC<{
   title: string;
   data: JSX.Element | string;
+  wrap?: boolean;
 }> = (props) => {
-  const { title, data } = props;
+  const { title, data, wrap } = props;
   const classes = useStyles();
 
   return (
@@ -22,7 +23,11 @@ export const DataRow: React.FC<{
         >
           {title}:
         </Typography>
-        <Box className={classes.dataContainer}>{data}</Box>
+        <Box
+          className={`${classes.dataContainer} ${wrap ? classes.wrapText : ''}`}
+        >
+          {data}
+        </Box>
       </Box>
     )
   );

diff --git a/services/explorer/src/pages/Holders/Holders.effects.tsx b/services/explorer/src/pages/Holders/Holders.effects.tsx
@@ -10,6 +10,7 @@ import {
 import { useExplorerLoader, useExplorerNetwork } from '../../hooks';
 import { toHolderTableRow } from './HolderRow';
 import { BigNumber } from 'ethers';
+import { Network } from '../../utils';
 
 const cols: ColumnData[] = [
   { path: 'rank', name: 'Rank' },
@@ -104,7 +105,9 @@ export const useHoldersEffects = (): {
   };
 
   const title = `Holders`;
-  const description = `Current holders on Taraxa ${currentNetwork}`;
+  const description = `Current holders on Taraxa ${
+    currentNetwork === Network.DEVNET ? Network.MAINNET : currentNetwork
+  }`;
 
   return {
     title,

diff --git a/services/explorer/src/pages/TransactionData/TransactionData.tsx b/services/explorer/src/pages/TransactionData/TransactionData.tsx
@@ -220,7 +220,11 @@ const TransactionDataContainer = (): JSX.Element => {
               <DataRow title='Nonce' data={`${transactionData?.nonce}`} />
               {transactionData?.inputData &&
                 transactionData?.inputData !== '0x' && (
-                  <DataRow title='Data' data={`${transactionData.inputData}`} />
+                  <DataRow
+                    title='Data'
+                    data={`${transactionData.inputData}`}
+                    wrap
+                  />
                 )}
               {(getTransactionType(transactionData) ===
                 TransactionType.Contract_Call ||