From 82ccd93bda6f43949918b9e0835e8c15c75f5741 Mon Sep 17 00:00:00 2001
From: arul armstrong <33225342+arularmstrong@users.noreply.github.com>
Date: Mon, 19 Feb 2024 15:59:20 +0530
Subject: [PATCH 1/3] swap navigation from Bridge-UI

---
 packages/bridge-ui-v2/.env.example                     |  3 +++
 packages/bridge-ui-v2/src/components/Icon/Icon.svelte  | 10 +++++++++-
 .../components/SideNavigation/SideNavigation.svelte    |  8 +++++++-
 packages/bridge-ui-v2/src/i18n/en.json                 |  3 ++-
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/bridge-ui-v2/.env.example b/packages/bridge-ui-v2/.env.example
index 23fdf490c9..96934f9c0a 100644
--- a/packages/bridge-ui-v2/.env.example
+++ b/packages/bridge-ui-v2/.env.example
@@ -1,6 +1,9 @@
 # Default explorer as fallback for the sidebar
 export PUBLIC_DEFAULT_EXPLORER=https://
 
+# Use the network swap Url
+export PUBLIC_DEFAULT_SWAP_URL=https://
+
 # Use the bridge guide Urls
 export PUBLIC_GUIDE_URL=https://
 
diff --git a/packages/bridge-ui-v2/src/components/Icon/Icon.svelte b/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
index 378f5d343c..a880465ddd 100644
--- a/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
+++ b/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
@@ -40,7 +40,8 @@
     | 'approve-light'
     | 'approve-dark'
     | 'welcome-icon'
-    | 'settings';
+    | 'settings'
+    | 'swap';
 </script>
 
 <script lang="ts">
@@ -494,5 +495,12 @@
       fill-rule="evenodd"
       clip-rule="evenodd"
       fill="none" />
+    {:else if type === 'swap'}
+    <path
+      d="M8.75 1.410156 L8.75 18.75 C7.371094 18.75 6.25 17.628906 6.25 16.25 L6.25 8.125 L2.945312 8.125 C2.550781 8.125 2.351562 7.648438 2.632812 7.367188 L8.636719 1.363281 C8.679688 1.320312 8.75 1.351562 8.75 1.410156 Z M17.367188 12.632812 L11.367188 18.632812 C11.324219 18.675781 11.25 18.644531 11.25 18.582031 L11.25 1.25 C12.628906 1.25 13.75 2.371094 13.75 3.75 L13.75 11.875 L17.054688 11.875 C17.449219 11.875 17.648438 12.351562 17.367188 12.632812 Z M17.367188 12.632812"
+      class={fillClass}
+      fill-rule="evenodd"
+      clip-rule="evenodd" 
+      fill="none" />
   {/if}
 </svg>
diff --git a/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte b/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
index 6340fcc540..9decd21c7c 100644
--- a/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
+++ b/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
@@ -12,7 +12,7 @@
   import { LinkButton } from '$components/LinkButton';
   import { LogoWithText } from '$components/Logo';
   import { ThemeButton } from '$components/ThemeButton';
-  import { PUBLIC_DEFAULT_EXPLORER, PUBLIC_GUIDE_URL } from '$env/static/public';
+  import { PUBLIC_DEFAULT_EXPLORER, PUBLIC_GUIDE_URL, PUBLIC_DEFAULT_SWAP_URL } from '$env/static/public';
   import { connectedSourceChain } from '$stores/network';
 
   let drawerToggleElem: HTMLInputElement;
@@ -97,6 +97,12 @@
               </LinkButton>
             </li>
             <li class="border-t border-t-divider-border pt-2">
+              <LinkButton href={PUBLIC_DEFAULT_SWAP_URL} external>
+                <Icon type="swap" />
+                <span>{$t('nav.swap')}</span>
+              </LinkButton>
+            </li>
+            <li>
               <LinkButton
                 href={$connectedSourceChain
                   ? chainConfig[$connectedSourceChain.id].urls.explorer
diff --git a/packages/bridge-ui-v2/src/i18n/en.json b/packages/bridge-ui-v2/src/i18n/en.json
index 2f0f256f5d..b8b6fd8961 100644
--- a/packages/bridge-ui-v2/src/i18n/en.json
+++ b/packages/bridge-ui-v2/src/i18n/en.json
@@ -334,7 +334,8 @@
     "nft": "NFT",
     "theme": "Theme",
     "token": "Token",
-    "transactions": "Transactions"
+    "transactions": "Transactions",
+    "swap": "Swap"
   },
   "paused_modal": {
     "description": "The bridge is currently not available. Follow our official communcation channels for more information. ",

From 064e8062f00a86592c3bdbd28285b57e59f9a0d8 Mon Sep 17 00:00:00 2001
From: arul armstrong <33225342+arularmstrong@users.noreply.github.com>
Date: Mon, 19 Feb 2024 18:39:12 +0530
Subject: [PATCH 2/3] lint fix on Icon.svelte

---
 packages/bridge-ui-v2/src/components/Icon/Icon.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bridge-ui-v2/src/components/Icon/Icon.svelte b/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
index a880465ddd..95e37b2de9 100644
--- a/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
+++ b/packages/bridge-ui-v2/src/components/Icon/Icon.svelte
@@ -495,12 +495,12 @@
       fill-rule="evenodd"
       clip-rule="evenodd"
       fill="none" />
-    {:else if type === 'swap'}
+  {:else if type === 'swap'}
     <path
       d="M8.75 1.410156 L8.75 18.75 C7.371094 18.75 6.25 17.628906 6.25 16.25 L6.25 8.125 L2.945312 8.125 C2.550781 8.125 2.351562 7.648438 2.632812 7.367188 L8.636719 1.363281 C8.679688 1.320312 8.75 1.351562 8.75 1.410156 Z M17.367188 12.632812 L11.367188 18.632812 C11.324219 18.675781 11.25 18.644531 11.25 18.582031 L11.25 1.25 C12.628906 1.25 13.75 2.371094 13.75 3.75 L13.75 11.875 L17.054688 11.875 C17.449219 11.875 17.648438 12.351562 17.367188 12.632812 Z M17.367188 12.632812"
       class={fillClass}
       fill-rule="evenodd"
-      clip-rule="evenodd" 
+      clip-rule="evenodd"
       fill="none" />
   {/if}
 </svg>

From 58d461f2f318df787a7a57b710917ae7c23f3700 Mon Sep 17 00:00:00 2001
From: arul armstrong <33225342+arularmstrong@users.noreply.github.com>
Date: Mon, 19 Feb 2024 18:42:23 +0530
Subject: [PATCH 3/3] pnpm lint:fix over sidenavigation.svelete

---
 .../src/components/SideNavigation/SideNavigation.svelte         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte b/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
index 9decd21c7c..a36f9a7198 100644
--- a/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
+++ b/packages/bridge-ui-v2/src/components/SideNavigation/SideNavigation.svelte
@@ -12,7 +12,7 @@
   import { LinkButton } from '$components/LinkButton';
   import { LogoWithText } from '$components/Logo';
   import { ThemeButton } from '$components/ThemeButton';
-  import { PUBLIC_DEFAULT_EXPLORER, PUBLIC_GUIDE_URL, PUBLIC_DEFAULT_SWAP_URL } from '$env/static/public';
+  import { PUBLIC_DEFAULT_EXPLORER, PUBLIC_DEFAULT_SWAP_URL, PUBLIC_GUIDE_URL } from '$env/static/public';
   import { connectedSourceChain } from '$stores/network';
 
   let drawerToggleElem: HTMLInputElement;