From a27a7c2b7b9d54e99e27ea3a2a4442e0bf369516 Mon Sep 17 00:00:00 2001
From: Harsh <harshrathi.dev@gmail.com>
Date: Wed, 27 Mar 2024 11:30:12 +0530
Subject: [PATCH] added custom back icon for dex screen

---
 .../AppNavigator/screens/Dex/DexNavigator.tsx      | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/mobile-app/app/screens/AppNavigator/screens/Dex/DexNavigator.tsx b/mobile-app/app/screens/AppNavigator/screens/Dex/DexNavigator.tsx
index 9ea9e73458..839c10e109 100644
--- a/mobile-app/app/screens/AppNavigator/screens/Dex/DexNavigator.tsx
+++ b/mobile-app/app/screens/AppNavigator/screens/Dex/DexNavigator.tsx
@@ -14,7 +14,7 @@ import {
   TokenListType,
 } from "@screens/AppNavigator/screens/Dex/CompositeSwap/SwapTokenSelectionScreen";
 import { PriceRateProps as PriceRatesPropsV2 } from "@components/PricesSection";
-import { ThemedTextV2 } from "@components/themed";
+import { ThemedIcon, ThemedTextV2 } from "@components/themed";
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ScreenName } from "@screens/enum";
 import { NetworkSelectionScreen } from "../Settings/screens/NetworkSelectionScreen";
@@ -153,6 +153,18 @@ export function DexNavigator(): JSX.Element {
     <DexStack.Navigator
       initialRouteName="DexScreen"
       screenOptions={{
+        headerBackImage: (props) => {
+          return (
+            <ThemedIcon
+              light={tailwind("text-mono-light-v2-900")}
+              dark={tailwind("text-mono-dark-v2-900")}
+              iconType="Feather"
+              name="chevron-left"
+              size={24}
+              {...props}
+            />
+          );
+        },
         headerTitleAlign: "center",
         headerTitleStyle: HeaderFont,
         headerBackTitleVisible: false,