From d84b7894580ab362353195e3c96678cd2437f836 Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Fri, 9 Jun 2023 09:34:59 +0100
Subject: [PATCH] Front: TabRow Navigator: Hide header on small viewports using
 global navigator for ts

---
 front/components/navigators/TabRowNavigator.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/front/components/navigators/TabRowNavigator.tsx b/front/components/navigators/TabRowNavigator.tsx
index 666121f..5a10ba2 100644
--- a/front/components/navigators/TabRowNavigator.tsx
+++ b/front/components/navigators/TabRowNavigator.tsx
@@ -22,7 +22,7 @@ import {
 	TabRouterOptions,
 	useNavigationBuilder,
 } from "@react-navigation/native";
-import IconButton from "../IconButton";
+import { useNavigation } from "../../Navigation";
 
 const TabRowNavigatorInitialComponentName = "TabIndex";
 
@@ -69,6 +69,7 @@ function TabNavigator({
 	tabBarStyle,
 	contentStyle,
 }: Props) {
+	const navigator = useNavigation();
 	const { state, navigation, descriptors, NavigationContent } =
 		useNavigationBuilder<
 			TabNavigationState<ParamListBase>,
@@ -102,7 +103,7 @@ function TabNavigator({
 	}, [state.index]);
 
 	React.useEffect(() => {
-		navigation.setOptions({
+		navigator.setOptions({
 			headerShown: !isMobileView || isPanelView,
 		});
 	}, [isMobileView, isPanelView]);