space saving tweaks for asset teaser (#1742)

src/@hooks/useNetworkMetadata/utils.ts

@@ -32,22 +32,25 @@ export function getNetworkDisplayName(
       displayName = 'Polygon'
       break
     case 1287:
-      displayName = 'Moonbase Alpha'
+      displayName = 'Moonbase'
       break
     case 1285:
       displayName = 'Moonriver'
       break
     case 80001:
-      displayName = 'Polygon Mumbai'
+      displayName = 'Mumbai'
       break
     case 8996:
       displayName = 'Development'
       break
     case 3:
-      displayName = 'ETH Ropsten'
+      displayName = 'Ropsten'
+      break
+    case 5:
+      displayName = 'Görli'
       break
     case 2021000:
-      displayName = 'GAIA-X Testnet'
+      displayName = 'GAIA-X'
       break
     default:
       displayName = data

src/components/@shared/AssetTeaser/index.module.css

@@ -51,7 +51,7 @@
   font-size: var(--font-size-mini);
   display: inline-block;
   border-left: 1px solid var(--border-color);
-  padding-left: calc(var(--spacer) / 3.5);
+  padding-left: calc(var(--spacer) / 4);
   margin-left: calc(var(--spacer) / 4);
 }
 

src/components/@shared/AssetTeaser/index.tsx

@@ -39,7 +39,9 @@ export default function AssetTeaser({
               type={type}
               accessType={accessType}
             />
-            <span className={styles.typeLabel}>{datatokens[0]?.symbol}</span>
+            <span className={styles.typeLabel}>
+              {datatokens[0]?.symbol.substring(0, 9)}
+            </span>
             <NetworkName
               networkId={asset.chainId}
               className={styles.typeLabel}

src/components/@shared/NetworkName/NetworkIcon.tsx

@@ -9,7 +9,7 @@ import styles from './index.module.css'
 export function NetworkIcon({ name }: { name: string }): ReactElement {
   const IconMapped = name.includes('ETH')
     ? EthIcon
-    : name.includes('Polygon')
+    : name.includes('Polygon') || name.includes('Mumbai')
     ? PolygonIcon
     : name.includes('Moon')
     ? MoonbeamIcon