feat(WalletManager): Add Wallet Manager title and back navigation (fi…

…x/omnifixes)
TERITORI · Sep 25, 2023 · da1c2c2 · da1c2c2
1 parent 1f4850a
commit da1c2c2
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 26 deletions.
diff --git a/packages/screens/WalletManager/WalletHeader.tsx b/packages/screens/WalletManager/WalletHeader.tsx
diff --git a/packages/screens/WalletManager/WalletManagerScreen.tsx b/packages/screens/WalletManager/WalletManagerScreen.tsx
@@ -4,24 +4,32 @@ import { View } from "react-native";
 import { Assets } from "./Assets";
 import { MyNFTs } from "./MyNFTs";
 import { WalletDashboardHeader } from "./WalletDashboardHeader";
-import { WalletHeader } from "./WalletHeader";
 import { Wallets } from "./Wallets";
+import { BrandText } from "../../components/BrandText";
 import { ScreenContainer } from "../../components/ScreenContainer";
 import { MainConnectWalletButton } from "../../components/connectWallet/MainConnectWalletButton";
 import { useAreThereWallets } from "../../hooks/useAreThereWallets";
 import { useMaxResolution } from "../../hooks/useMaxResolution";
 import useSelectedWallet from "../../hooks/useSelectedWallet";
-import { ScreenFC } from "../../utils/navigation";
+import { ScreenFC, useAppNavigation } from "../../utils/navigation";
 import { neutral33 } from "../../utils/style/colors";
+import { fontSemibold20 } from "../../utils/style/fonts";
 import { layout } from "../../utils/style/layout";
 
 export const WalletManagerScreen: ScreenFC<"WalletManager"> = () => {
   const selectedWallet = useSelectedWallet();
   const areThereWallets = useAreThereWallets();
   const { height } = useMaxResolution();
+  const navigation = useAppNavigation();
 
   return (
-    <ScreenContainer headerChildren={<WalletHeader />}>
+    <ScreenContainer
+      headerChildren={
+        <BrandText style={fontSemibold20}>Wallet Manager</BrandText>
+      }
+      responsive
+      onBackPress={() => navigation.navigate("WalletManager")}
+    >
       {areThereWallets ? (
         <View
           style={{

diff --git a/packages/screens/WalletManager/WalletsScreen.tsx b/packages/screens/WalletManager/WalletsScreen.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { View, TouchableOpacity } from "react-native";
 
-import { WalletHeader } from "./WalletHeader";
 import { WalletItem, WalletItemProps } from "./WalletItem";
 import chevronDownSVG from "../../../assets/icons/chevron-down.svg";
 import chevronUpSVG from "../../../assets/icons/chevron-up.svg";
@@ -14,9 +13,10 @@ import { PrimaryButton } from "../../components/buttons/PrimaryButton";
 import { ConnectWalletModal } from "../../components/connectWallet/ConnectWalletModal";
 import { useRewards } from "../../hooks/useRewards";
 import useSelectedWallet from "../../hooks/useSelectedWallet";
-import { ScreenFC } from "../../utils/navigation";
+import { ScreenFC, useAppNavigation } from "../../utils/navigation";
 import { walletProviderToNetworkKind } from "../../utils/network";
 import { neutral33, neutralA3, secondaryColor } from "../../utils/style/colors";
+import { fontSemibold20 } from "../../utils/style/fonts";
 
 interface WalletProps {
   index: number;
@@ -107,6 +107,7 @@ export const WalletManagerWalletsScreen: ScreenFC<
 > = () => {
   const [showConnectModal, setShowConnectModal] = useState(false);
   const selectedWallet = useSelectedWallet();
+  const navigation = useAppNavigation();
 
   // TODO: Handle multiple wallets addresses
   const { totalsRewards, claimReward } = useRewards(selectedWallet?.userId);
@@ -135,7 +136,13 @@ export const WalletManagerWalletsScreen: ScreenFC<
     : [];
 
   return (
-    <ScreenContainer headerChildren={<WalletHeader />}>
+    <ScreenContainer
+      headerChildren={
+        <BrandText style={fontSemibold20}>Wallet Manager</BrandText>
+      }
+      responsive
+      onBackPress={() => navigation.navigate("WalletManager")}
+    >
       <View
         style={{
           paddingVertical: 48,