74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { useEffect, useRef } from 'react';
|
|
import { Stack } from 'expo-router';
|
|
import { StatusBar } from 'expo-status-bar';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { GestureHandlerRootView } from 'react-native-gesture-handler';
|
|
import { useAuthStore } from '../store/authStore';
|
|
import { registerForPushNotifications, addNotificationListener, addNotificationResponseListener } from '../services/notifications';
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
export default function RootLayout() {
|
|
const { checkAuth } = useAuthStore();
|
|
const notificationListener = useRef<ReturnType<typeof addNotificationListener>>();
|
|
const responseListener = useRef<ReturnType<typeof addNotificationResponseListener>>();
|
|
|
|
useEffect(() => {
|
|
checkAuth();
|
|
|
|
registerForPushNotifications();
|
|
|
|
notificationListener.current = addNotificationListener((notification) => {
|
|
console.log('Notification received:', notification);
|
|
});
|
|
|
|
responseListener.current = addNotificationResponseListener((response) => {
|
|
console.log('Notification clicked:', response);
|
|
});
|
|
|
|
return () => {
|
|
notificationListener.current?.remove();
|
|
responseListener.current?.remove();
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<GestureHandlerRootView style={{ flex: 1 }}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<Stack>
|
|
<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
|
|
<Stack.Screen
|
|
name="medicine/[id]"
|
|
options={{
|
|
title: 'Medicamento',
|
|
headerTintColor: '#007AFF',
|
|
}}
|
|
/>
|
|
<Stack.Screen
|
|
name="pharmacy/[id]"
|
|
options={{
|
|
title: 'Farmacia',
|
|
headerTintColor: '#007AFF',
|
|
}}
|
|
/>
|
|
<Stack.Screen
|
|
name="auth/login"
|
|
options={{
|
|
title: 'Iniciar Sesión',
|
|
headerShown: false,
|
|
}}
|
|
/>
|
|
<Stack.Screen
|
|
name="auth/register"
|
|
options={{
|
|
title: 'Registrarse',
|
|
headerShown: false,
|
|
}}
|
|
/>
|
|
</Stack>
|
|
<StatusBar style="auto" />
|
|
</QueryClientProvider>
|
|
</GestureHandlerRootView>
|
|
);
|
|
}
|