7c8695cacf
- Update package.json to Expo ~54.0.35, expo-router ~6.0.24, RN 0.81.5 - Remove NativeWind/Tailwind dependencies - Fix babel.config.js: presets babel-preset-expo only - Rewrite all screens with StyleSheet.create (no className) - Add lucide-react-native + react-native-svg - Export design tokens C from _layout.tsx for shared usage - Install node_modules (702 packages) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import { useEffect } from 'react'
|
|
import { Slot, useRouter, useSegments } from 'expo-router'
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context'
|
|
import { StatusBar } from 'expo-status-bar'
|
|
import { View, ActivityIndicator, StyleSheet } from 'react-native'
|
|
import { useAuthStore } from '@/lib/store'
|
|
|
|
export default function RootLayout() {
|
|
const { user, loading, restore } = useAuthStore()
|
|
const router = useRouter()
|
|
const segments = useSegments()
|
|
|
|
useEffect(() => { restore() }, [])
|
|
|
|
useEffect(() => {
|
|
if (loading) return
|
|
const inAuth = segments[0] === '(auth)'
|
|
if (!user && !inAuth) router.replace('/(auth)/login')
|
|
else if (user && inAuth) router.replace('/(tabs)/home')
|
|
}, [user, loading, segments])
|
|
|
|
if (loading) {
|
|
return (
|
|
<View style={s.loader}>
|
|
<ActivityIndicator size="large" color={C.brand} />
|
|
</View>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<SafeAreaProvider>
|
|
<StatusBar style="auto" />
|
|
<Slot />
|
|
</SafeAreaProvider>
|
|
)
|
|
}
|
|
|
|
export const C = {
|
|
brand: '#A47148',
|
|
ink: '#1A1A18',
|
|
paper: '#FAFAF8',
|
|
concrete: '#8A8A82',
|
|
border: '#E8E6E0',
|
|
white: '#FFFFFF',
|
|
rose: '#e11d48',
|
|
roseBg: '#fff1f2',
|
|
roseBorder: '#fecdd3',
|
|
}
|
|
|
|
const s = StyleSheet.create({
|
|
loader: { flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: C.paper },
|
|
})
|