App.js

import React, { useEffect } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import AppInitializer from './services/AppInitializer';

import Dashboard from './screens/Dashboard';
import AddIncome from './screens/AddIncome';
import Status from './screens/Status';
import Analytics from './screens/Analytics';
import Goals from './screens/Goals';
import EnhancedReminders from './screens/EnhancedReminders';
import FutureIncomeReminders from './screens/FutureIncomeReminders';

const Stack = createNativeStackNavigator();

export default function App() {
  useEffect(() => {
    // Initialize the app when it starts
    AppInitializer.initialize();
  }, []);

  // Trigger build comment added on 2025-11-24
  // Second trigger build comment added on 2025-11-25 to test with EXPO_TOKEN
  // Third trigger build comment added on 2025-11-25 after updating EXPO_TOKEN
  return (
    <NavigationContainer>
      <Stack.Navigator 
        initialRouteName="Dashboard"
        screenOptions={{
          headerStyle: {
            backgroundColor: '#6D8C73',
          },
          headerTintColor: '#fff',
          headerTitleStyle: {
            fontWeight: 'bold',
          },
        }}
      >
        <Stack.Screen 
          name="Dashboard" 
          component={Dashboard} 
          options={{ title: 'Tithe Tracker Dashboard' }}
        />
        <Stack.Screen 
          name="AddIncome" 
          component={AddIncome} 
          options={{ title: 'Add Income' }}
        />
        <Stack.Screen 
          name="Status" 
          component={Status} 
          options={{ title: 'Status' }}
        />
        <Stack.Screen 
          name="Analytics" 
          component={Analytics} 
          options={{ title: 'Analytics' }}
        />
        <Stack.Screen 
          name="Goals" 
          component={Goals} 
          options={{ title: 'Goals' }}
        />
        <Stack.Screen 
          name="EnhancedReminders" 
          component={EnhancedReminders} 
          options={{ title: 'Reminders' }}
        />
        <Stack.Screen 
          name="FutureIncomeReminders" 
          component={FutureIncomeReminders} 
          options={{ title: 'Future Income Reminders' }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}