Add profile and login screen + first api logic draft

2025-12-09 18:29:24 +01:00
parent abe14f4c3f
commit 49b6ecadb2
19 changed files with 1046 additions and 810 deletions
--- a/app/(protected)/_layout.tsx
+++ b/app/(protected)/_layout.tsx
@ -0,0 +1,84 @@
+import { Redirect, Tabs } from 'expo-router';
+import { Home, Clock, FileText, Zap, CalendarIcon } from 'lucide-react-native';
+import { useContext } from 'react';
+import { AuthContext } from '@/utils/authContext';
+
+export default function ProtectedLayout() {
+  const authState = useContext(AuthContext);
+
+  if (!authState.isReady) {
+    return null;
+  }
+
+  if (!authState.isAuthenticated) {
+    return <Redirect href="/login" />;
+  }
+
+  return (
+    <Tabs
+      screenOptions={{
+        headerShown: false,
+        tabBarStyle: {
+          backgroundColor: '#ffffff',
+          borderTopWidth: 1,
+          borderTopColor: '#f3f4f6',
+          height: 80,
+          paddingBottom: 20,
+          paddingTop: 10,
+        },
+        tabBarActiveTintColor: '#099499',
+        tabBarInactiveTintColor: '#9ca3af',
+        tabBarLabelStyle: {
+            fontSize: 10,
+            fontWeight: '600',
+            marginTop: 4
+        }
+      }}
+      backBehavior='history'
+    >
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: 'Home',
+          tabBarIcon: ({ color, size }) => <Home color={color} size={24} />,
+        }}
+      />
+      <Tabs.Screen
+        name="attendance/index"
+        options={{
+          title: 'Presenze',
+          tabBarIcon: ({ color, size }) => <Clock color={color} size={24} />,
+        }}
+      />
+      <Tabs.Screen
+        name="permits/index"
+        options={{
+          title: 'Permessi',
+          tabBarIcon: ({ color, size }) => <CalendarIcon color={color} size={24} />,
+        }}
+      />
+      <Tabs.Screen
+        name="documents/index"
+        options={{
+          title: 'Moduli',
+          tabBarIcon: ({ color, size }) => <FileText color={color} size={24} />,
+        }}
+      />
+      <Tabs.Screen
+        name="automation"
+        options={{
+          title: 'Domotica',
+          tabBarIcon: ({ color, size }) => <Zap color={color} size={24} />,
+        }}
+      />
+      {/* TODO: Da rimuovere */}
+      <Tabs.Screen
+        name="profile"
+        options={{
+          href: null,
+          title: 'Profilo',
+        }}
+      />
+    </Tabs>
+  );
+}