added custom back icon for dex screen

BirthdayResearch · Mar 27, 2024 · a27a7c2 · a27a7c2
1 parent 90174f3
commit a27a7c2
Showing 1 changed file with 13 additions and 1 deletion.
diff --git 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,