App.tsx

import React, { useEffect } from "react";
import { AppState, AppStateStatus } from "react-native";
import { ThemeProvider } from "./src/theme/ThemeProvider";
import AppNavigator from "./src/navigation";
import {
  shouldLockApp,
  updateLastActiveTimestamp,
} from "./src/services/session";
import { initDB } from "./src/services/db";

export default function App() {
  useEffect(() => {
    const initialize = async () => {
      try {
        await initDB();
        console.log("Database initialized successfully");
      } catch (error) {
        console.error("Failed to initialize database:", error);
      }
    };

    initialize();

    const handleAppStateChange = async (nextAppState: AppStateStatus) => {
      if (nextAppState === "active") {
        const shouldLock = await shouldLockApp();
        if (shouldLock) {
          // In a real app, you would navigate to the PIN verification screen.
          console.log("Locking app");
        }
      } else {
        await updateLastActiveTimestamp();
      }
    };

    const subscription = AppState.addEventListener(
      "change",
      handleAppStateChange,
    );

    return () => {
      subscription.remove();
    };
  }, []);

  return (
    <ThemeProvider>
      <AppNavigator />
    </ThemeProvider>
  );
}