modified tab layout to render analytics page conditionally

Author: Bedrockdude10

frontend/app/(tabs)/_layout.tsx

@@ -1,6 +1,7 @@
 import { Tabs } from "expo-router";
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent, useEffect, useState } from "react";
 import { Platform, View } from "react-native";
+import useAuthStore from "@/auth/store";
 
 import { HapticTab } from "@/components/HapticTab";
 import TabBarBackground from "@/components/ui/TabBarBackground";
@@ -32,6 +33,16 @@ const TabIcon = ({ IconComponent, color, focused }: TabIconProps) => (
 );
 
 export default function TabLayout() {
+    // Get authentication state and restaurant owner status
+    const { isAuthenticated, isRestaurantOwner, ownedRestaurantId } = useAuthStore();
+    const [showRestaurantAnalyticsTab, setShowRestaurantAnalyticsTab] = useState(false);
+    
+    // Update tab visibility when auth state changes
+    useEffect(() => {
+        // Show the restaurant analytics tab only if the user is authenticated and is a restaurant owner
+        setShowRestaurantAnalyticsTab(isAuthenticated && isRestaurantOwner && !!ownedRestaurantId);
+    }, [isAuthenticated, isRestaurantOwner, ownedRestaurantId]);
+
     return (
         <Tabs
             screenOptions={{
@@ -89,14 +100,17 @@ export default function TabLayout() {
                     ),
                 }}
             />
-            <Tabs.Screen
-                name="restaurantAnalytics"
-                options={{
-                    tabBarIcon: ({ color, focused }) => (
-                        <TabIcon IconComponent={RestaurantAnalyticsNavIcon} color={color} focused={focused} />
-                    ),
-                }}
-            />
+            {/* Conditionally render the restaurant analytics tab */}
+            {showRestaurantAnalyticsTab && (
+                <Tabs.Screen
+                    name="restaurantAnalytics"
+                    options={{
+                        tabBarIcon: ({ color, focused }) => (
+                            <TabIcon IconComponent={RestaurantAnalyticsNavIcon} color={color} focused={focused} />
+                        ),
+                    }}
+                />
+            )}
             <Tabs.Screen
                 name="profile"
                 options={{