fix(tangle-dapp): Chain display name (#2699)

Co-authored-by: Pavan Soratur <[email protected]>
tangle-network · Dec 16, 2024 · 022ffc4 · 022ffc4
1 parent 21c35e6
commit 022ffc4
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/libs/webb-ui-components/src/components/ChainChip/ChainChip.tsx b/libs/webb-ui-components/src/components/ChainChip/ChainChip.tsx
@@ -55,7 +55,11 @@ export const ChainChip = React.forwardRef<HTMLSpanElement, ChainChipProps>(
             ? 'linea'
             : chainName.toLowerCase().includes('bnb')
               ? 'bsc'
-              : chainName,
+              : chainName.toLowerCase().includes('op')
+                ? 'optimism'
+                : chainName.toLowerCase().includes('arbitrum')
+                  ? 'arbitrum'
+                  : chainName,
       [chainName],
     );
 
@@ -70,7 +74,11 @@ export const ChainChip = React.forwardRef<HTMLSpanElement, ChainChipProps>(
         ? 'BSC'
         : chainName.toLowerCase().includes('linea')
           ? 'Linea'
-          : chainName.split(' ').pop();
+          : chainName.toLowerCase().includes('op')
+            ? 'Optimism'
+            : chainName.toLowerCase().includes('arbitrum')
+              ? 'Arbitrum'
+              : chainName.split(' ').pop();
     }, [chainName]);
 
     return (