App.tsx

import React, {useEffect} from 'react';
import {GestureHandlerRootView} from 'react-native-gesture-handler';
import {SafeAreaProvider} from 'react-native-safe-area-context';
import {StatusBar} from 'react-native';
import notifee from '@notifee/react-native';

import {ThemeProvider} from './src/app/providers/ThemeProvider';
import {I18nProvider} from './src/app/providers/I18nProvider';
import {RootNavigator} from './src/navigation/RootNavigator';
import {useTheme} from './src/theme';
import {seedIfEmpty} from './src/store/seed';
import {handleNotifeeEvent} from './src/services/notifications/actionHandlers';
import {GeofenceService} from './src/services/geofence/GeofenceService';
import {useTasksStore} from './src/store/tasksStore';
import {displayArrival} from './src/services/notifications/NotifeeService';

function ThemedStatusBar() {
  const theme = useTheme();
  return (
    <StatusBar
      barStyle={theme.mode === 'dark' ? 'light-content' : 'dark-content'}
      backgroundColor={theme.colors.bg}
      translucent={false}
    />
  );
}

function Root() {
  useEffect(() => {
    // Seed demo data — pure store mutation, no dialogs.
    seedIfEmpty();

    // Notifee foreground event handler — register immediately so action-button
    // presses are handled while the app is open, independent of geofence state.
    const unsubNotifee = notifee.onForegroundEvent(handleNotifeeEvent);

    // Forward foreground geofence entries to the notification service once
    // GeofenceService is running (bootstrapped via SplashScreen after it hides).
    const unsubGeofence = GeofenceService.onEnter(id => {
      if (!id) return;
      const task = useTasksStore.getState().tasks.find(t => t.id === id);
      if (!task || task.done) return;
      displayArrival(task).catch(() => {});
    });

    return () => {
      unsubNotifee();
      unsubGeofence();
    };
  }, []);

  return (
    <>
      <ThemedStatusBar />
      <RootNavigator />
    </>
  );
}

export default function App() {
  return (
    <GestureHandlerRootView style={{flex: 1}}>
      <SafeAreaProvider>
        <I18nProvider>
          <ThemeProvider>
            <Root />
          </ThemeProvider>
        </I18nProvider>
      </SafeAreaProvider>
    </GestureHandlerRootView>
  );
}