From ee6d32e45ba6115190585a29204c5957cd600316 Mon Sep 17 00:00:00 2001
From: cuteolaf <oliverlim818@gmail.com>
Date: Tue, 22 Oct 2024 09:21:20 -0700
Subject: [PATCH 1/5] fix chain icon

---
 src/assets/networks/relay/index.ts          | 2 +-
 src/components/Transfer/transferActions.tsx | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/assets/networks/relay/index.ts b/src/assets/networks/relay/index.ts
index f030f80f..ab6106ed 100644
--- a/src/assets/networks/relay/index.ts
+++ b/src/assets/networks/relay/index.ts
@@ -19,7 +19,7 @@ const getIcon = (network: NetworkType) => {
     case NetworkType.WESTEND:
       return Westend;
     default:
-      Polkadot;
+      return Polkadot;
   }
 };
 
diff --git a/src/components/Transfer/transferActions.tsx b/src/components/Transfer/transferActions.tsx
index c19439d1..7ac76ac1 100644
--- a/src/components/Transfer/transferActions.tsx
+++ b/src/components/Transfer/transferActions.tsx
@@ -1,6 +1,7 @@
 import ArrowDownward from '@mui/icons-material/ArrowDownwardOutlined';
 import { Box, Paper, Stack, Typography } from '@mui/material';
 import { AmountInput, Button } from '@region-x/components';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 
 import { getIcon } from '@/assets/networks';
@@ -105,12 +106,7 @@ const TransferActions = () => {
                   {
                     value: symbol,
                     label: symbol,
-                    icon: (
-                      <img
-                        src={getIcon(network)?.src}
-                        style={{ width: '28px', height: '28px', padding: '4px' }}
-                      />
-                    ),
+                    icon: <Image src={getIcon(network)} alt='' width={28} height={28} />,
                   },
                 ]}
                 label=''

From 6863594f4da4837bdb225ce0a0ed328d2549e1ea Mon Sep 17 00:00:00 2001
From: cuteolaf <oliverlim818@gmail.com>
Date: Tue, 22 Oct 2024 09:38:11 -0700
Subject: [PATCH 2/5] color change for watchlist only

---
 src/pages/paras/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/paras/index.tsx b/src/pages/paras/index.tsx
index a4efd326..0e5bfe8d 100644
--- a/src/pages/paras/index.tsx
+++ b/src/pages/paras/index.tsx
@@ -98,7 +98,10 @@ const ParachainManagement = () => {
           </Typography>
         </Box>
         <Box sx={{ display: 'flex', gap: '1.5rem', height: '2.75rem' }}>
-          <Button color='yellowDark' onClick={() => watchAllParas((prev) => !prev)}>
+          <Button
+            color={watchAll ? 'yellowDark' : 'greenPrimary'}
+            onClick={() => watchAllParas((prev) => !prev)}
+          >
             Watchlist Only
           </Button>
           <Button onClick={() => openReserveModal(true)}>Reserve New Para</Button>

From 45a3c173eedd56a381d4a52f97ab47fb3b1e3379 Mon Sep 17 00:00:00 2001
From: cuteolaf <oliverlim818@gmail.com>
Date: Tue, 22 Oct 2024 09:44:41 -0700
Subject: [PATCH 3/5] update icon colors on the index page

---
 src/pages/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 1898a4b8..cbd80d51 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -221,6 +221,7 @@ const Home = () => {
                       width: '44px',
                       height: '44px',
                       padding: '10px',
+                      color: theme.palette.primary.main,
                     }}
                   >
                     {icon}

From 570cea396f705c954b8543313da3789c7681e5fb Mon Sep 17 00:00:00 2001
From: cuteolaf <OliverLim818@gmail.com>
Date: Tue, 22 Oct 2024 09:53:48 -0700
Subject: [PATCH 4/5] keep the old color

Co-authored-by: Sergej Sakac <73715684+Szegoo@users.noreply.github.com>
---
 src/pages/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index cbd80d51..1898a4b8 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -221,7 +221,6 @@ const Home = () => {
                       width: '44px',
                       height: '44px',
                       padding: '10px',
-                      color: theme.palette.primary.main,
                     }}
                   >
                     {icon}

From 15cee0e07e5b6b9866ea9f102f5d7e7d8d1395d0 Mon Sep 17 00:00:00 2001
From: Sergej <sakacszergej@gmail.com>
Date: Tue, 22 Oct 2024 18:54:36 +0200
Subject: [PATCH 5/5] add padding

---
 src/components/Transfer/transferActions.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Transfer/transferActions.tsx b/src/components/Transfer/transferActions.tsx
index 7ac76ac1..abb8b84e 100644
--- a/src/components/Transfer/transferActions.tsx
+++ b/src/components/Transfer/transferActions.tsx
@@ -106,7 +106,15 @@ const TransferActions = () => {
                   {
                     value: symbol,
                     label: symbol,
-                    icon: <Image src={getIcon(network)} alt='' width={28} height={28} />,
+                    icon: (
+                      <Image
+                        src={getIcon(network)}
+                        alt=''
+                        width={28}
+                        height={28}
+                        style={{ padding: '4px ' }}
+                      />
+                    ),
                   },
                 ]}
                 label=''