From a0b7bfb4b373aa2fe47be5634bba80b8f6848d97 Mon Sep 17 00:00:00 2001
From: yurixander <101931215+yurixander@users.noreply.github.com>
Date: Fri, 4 Oct 2024 07:46:08 -0400
Subject: [PATCH] fix(tangle-dapp): Network name & token fits in better

---
 apps/tangle-dapp/containers/LsMyProtocolsTable.tsx            | 4 ++--
 apps/tangle-dapp/containers/LsPoolsTable/LsProtocolsTable.tsx | 4 ++--
 apps/tangle-dapp/data/liquidStaking/adapters/tangleLocal.tsx  | 2 +-
 .../tangle-dapp/data/liquidStaking/adapters/tangleMainnet.tsx | 2 +-
 .../tangle-dapp/data/liquidStaking/adapters/tangleTestnet.tsx | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/tangle-dapp/containers/LsMyProtocolsTable.tsx b/apps/tangle-dapp/containers/LsMyProtocolsTable.tsx
index 9b22712d3..e58b1b2e0 100644
--- a/apps/tangle-dapp/containers/LsMyProtocolsTable.tsx
+++ b/apps/tangle-dapp/containers/LsMyProtocolsTable.tsx
@@ -46,7 +46,7 @@ const COLUMN_HELPER = createColumnHelper<LsMyProtocolRow>();
 
 const PROTOCOL_COLUMNS = [
   COLUMN_HELPER.accessor('name', {
-    header: () => 'Token',
+    header: () => 'Network & Token',
     cell: (props) => (
       <TableCellWrapper className="pl-3">
         <div className="flex items-center gap-2">
@@ -57,7 +57,7 @@ const PROTOCOL_COLUMNS = [
           />
 
           <Typography variant="h5" className="whitespace-nowrap">
-            {props.getValue()}
+            {props.getValue()} &mdash; {props.row.original.token}
           </Typography>
         </div>
       </TableCellWrapper>
diff --git a/apps/tangle-dapp/containers/LsPoolsTable/LsProtocolsTable.tsx b/apps/tangle-dapp/containers/LsPoolsTable/LsProtocolsTable.tsx
index 663744f5d..737350a92 100644
--- a/apps/tangle-dapp/containers/LsPoolsTable/LsProtocolsTable.tsx
+++ b/apps/tangle-dapp/containers/LsPoolsTable/LsProtocolsTable.tsx
@@ -40,7 +40,7 @@ const COLUMN_HELPER = createColumnHelper<LsProtocolRow>();
 
 const PROTOCOL_COLUMNS = [
   COLUMN_HELPER.accessor('name', {
-    header: () => 'Token',
+    header: () => 'Network & Token',
     cell: (props) => (
       <TableCellWrapper className="pl-3">
         <div className="flex items-center gap-2">
@@ -51,7 +51,7 @@ const PROTOCOL_COLUMNS = [
           />
 
           <Typography variant="h5" className="whitespace-nowrap">
-            {props.getValue()}
+            {props.getValue()} &mdash; {props.row.original.token}
           </Typography>
         </div>
       </TableCellWrapper>
diff --git a/apps/tangle-dapp/data/liquidStaking/adapters/tangleLocal.tsx b/apps/tangle-dapp/data/liquidStaking/adapters/tangleLocal.tsx
index 3dff97eeb..c8f531d98 100644
--- a/apps/tangle-dapp/data/liquidStaking/adapters/tangleLocal.tsx
+++ b/apps/tangle-dapp/data/liquidStaking/adapters/tangleLocal.tsx
@@ -12,7 +12,7 @@ import { CrossChainTimeUnit } from '../../../utils/CrossChainTime';
 const TANGLE_LOCAL = {
   networkId: LsNetworkId.TANGLE_LOCAL,
   id: LsProtocolId.TANGLE_LOCAL,
-  name: 'Tangle Local',
+  name: 'Tangle',
   token: LsToken.TTNT,
   chainIconFileName: 'tangle',
   decimals: TANGLE_TOKEN_DECIMALS,
diff --git a/apps/tangle-dapp/data/liquidStaking/adapters/tangleMainnet.tsx b/apps/tangle-dapp/data/liquidStaking/adapters/tangleMainnet.tsx
index 74bbb597b..6e908966a 100644
--- a/apps/tangle-dapp/data/liquidStaking/adapters/tangleMainnet.tsx
+++ b/apps/tangle-dapp/data/liquidStaking/adapters/tangleMainnet.tsx
@@ -12,7 +12,7 @@ import { CrossChainTimeUnit } from '../../../utils/CrossChainTime';
 const TANGLE_MAINNET = {
   networkId: LsNetworkId.TANGLE_MAINNET,
   id: LsProtocolId.TANGLE_MAINNET,
-  name: 'Tangle Mainnet',
+  name: 'Tangle',
   token: LsToken.TNT,
   chainIconFileName: 'tangle',
   decimals: TANGLE_TOKEN_DECIMALS,
diff --git a/apps/tangle-dapp/data/liquidStaking/adapters/tangleTestnet.tsx b/apps/tangle-dapp/data/liquidStaking/adapters/tangleTestnet.tsx
index ee990ce63..2c2ce6a97 100644
--- a/apps/tangle-dapp/data/liquidStaking/adapters/tangleTestnet.tsx
+++ b/apps/tangle-dapp/data/liquidStaking/adapters/tangleTestnet.tsx
@@ -12,7 +12,7 @@ import { CrossChainTimeUnit } from '../../../utils/CrossChainTime';
 const TANGLE_TESTNET = {
   networkId: LsNetworkId.TANGLE_TESTNET,
   id: LsProtocolId.TANGLE_TESTNET,
-  name: 'Tangle Testnet',
+  name: 'Tangle',
   token: LsToken.TTNT,
   chainIconFileName: 'tangle',
   decimals: TANGLE_TOKEN_DECIMALS,