simplified bottomTabNav hiding

calblueprint · Apr 11, 2024 · 742f58e · 742f58e
1 parent 5e6b95f
commit 742f58e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 9 deletions.
diff --git a/...omponents/HideBottomNav/HideBottomNav.tsx → ...omponents/ShowBottomNav/ShowBottomNav.tsx b/...omponents/HideBottomNav/HideBottomNav.tsx → ...omponents/ShowBottomNav/ShowBottomNav.tsx
@@ -1,10 +1,10 @@
 import { useNavigation } from 'expo-router';
 import { useEffect } from 'react';
 
-export default function HideBottomNav() {
+export default function ShowBottomNav() {
   const navigation = useNavigation();
   useEffect(() => {
-    navigation.addListener('blur', async () => {
+    navigation.addListener('focus', async () => {
       navigation.getParent()?.setOptions({
         tabBarStyle: {
           height: 90,
@@ -14,7 +14,7 @@ export default function HideBottomNav() {
         },
       });
     });
-    navigation.addListener('focus', async () => {
+    navigation.addListener('blur', async () => {
       navigation.getParent()?.setOptions({
         tabBarStyle: { maxHeight: 0, overflow: 'hidden' },
       });

diff --git a/src/app/(BottomTabNavigation)/AllCases/CaseScreen/[caseUid].tsx b/src/app/(BottomTabNavigation)/AllCases/CaseScreen/[caseUid].tsx
@@ -9,7 +9,6 @@ import CaseSummaryCard from '../../../../Components/CaseSummaryCard/CaseSummaryC
 import EducationalBar from '../../../../Components/EducationalBar/EducationalBar';
 import EligibilityCard from '../../../../Components/EligibilityCard/EligibilityCard';
 import FormsCard from '../../../../Components/FormsCard/FormsCard';
-import HideBottomNav from '../../../../Components/HideBottomNav/HideBottomNav';
 import { getCaseStatus, getCaseById } from '../../../../supabase/queries/cases';
 import { Case, Eligibility } from '../../../../types/types';
 
@@ -45,8 +44,6 @@ function CaseScreen() {
     });
   }, [navigation]);
 
-  HideBottomNav();
-
   return (
     <View style={styles.container}>
       {isLoading || caseData === undefined ? (

diff --git a/src/app/(BottomTabNavigation)/AllCases/index.tsx b/src/app/(BottomTabNavigation)/AllCases/index.tsx
@@ -1,12 +1,12 @@
 import * as Linking from 'expo-linking';
 import { router } from 'expo-router';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { FlatList, Text, View, TouchableOpacity } from 'react-native';
 
 import styles from './styles';
 import Camera from '../../../../assets/camera.svg';
 import CaseCard from '../../../Components/CaseCard/CaseCard';
-import HideBottomNav from '../../../Components/HideBottomNav/HideBottomNav';
+import ShowBottomNav from '../../../Components/ShowBottomNav/ShowBottomNav';
 import { useSession } from '../../../context/AuthContext';
 import { CaseContext } from '../../../context/CaseContext';
 import {
@@ -58,7 +58,7 @@ function CasesScreen() {
     }
   }
 
-  //HideBottomNav();
+  ShowBottomNav();
 
   return (
     <View style={styles.container}>

diff --git a/src/app/(BottomTabNavigation)/Profile/index.tsx b/src/app/(BottomTabNavigation)/Profile/index.tsx
@@ -13,6 +13,7 @@ import RedTrash from '../../../../assets/red-trash.svg';
 import Reset from '../../../../assets/reset.svg';
 import SignOut from '../../../../assets/sign-out.svg';
 import WhiteRightCarrot from '../../../../assets/white-right-carrot.svg';
+import ShowBottomNav from '../../../Components/ShowBottomNav/ShowBottomNav';
 import { useSession } from '../../../context/AuthContext';
 
 function ProfileScreen() {
@@ -23,6 +24,7 @@ function ProfileScreen() {
   useEffect(() => {
     navigation.addListener('focus', async () => {});
   }, [navigation]);
+  ShowBottomNav();
 
   return (
     <View style={styles.container}>

diff --git a/src/app/(BottomTabNavigation)/Updates/index.tsx b/src/app/(BottomTabNavigation)/Updates/index.tsx
@@ -2,8 +2,10 @@ import React from 'react';
 import { Text, View } from 'react-native';
 
 import styles from './styles';
+import ShowBottomNav from '../../../Components/ShowBottomNav/ShowBottomNav';
 
 function ProfileScreen() {
+  ShowBottomNav();
   return (
     <View style={styles.container}>
       <Text>This is the /Updates/index update screen!</Text>