App.js

import React, { useState, useEffect } from "react";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import HomeScreen from "./src/screens/HomeScreen";
import ConvoSelectScreen from "./src/screens/ConvoSelectScreen";
import ConvoScreen from "./src/screens/ConvoScreen";
import SettingsScreen from "./src/screens/SettingsScreen";
import AddServerScreen from "./src/screens/AddServerScreen";
import EditServerScreen from "./src/screens/EditServerScreen";
import AboutScreen from "./src/screens/AboutScreen";
import TutorialScreen from "./src/screens/TutorialScreen";
import { database } from "./src/utils/database";
import AsyncStorage from "@react-native-async-storage/async-storage";


const Stack = createNativeStackNavigator();

export default function App() {
  const [isLoading, setIsLoading] = useState(true);
  const [firstLaunch, setFirstLaunch] = useState(null);

  useEffect(() => {
    const initializeDatabase = async () => {
      try {
        await database.init();
        setIsLoading(false);
      } catch (error) {
        console.error("Database initialization failed:", error);
      }
    };

    AsyncStorage.getItem('alreadyLaunched').then(value => {
      if (value == null) {
        AsyncStorage.setItem('alreadyLaunched', 'true');
        setFirstLaunch(true);
      } else {
        setFirstLaunch(false); 
      }
    });

    initializeDatabase();

  }, []);
  return (
    <NavigationContainer>
      <Stack.Navigator
        initialRouteName={firstLaunch ? "Tutorial" : "Home"}
        screenOptions={{
          headerStyle: {
            backgroundColor: "#A12516", 
          },
          headerTintColor: "#fff", 
          headerTitleStyle: {
            fontWeight: "bold",
          },
        }}
      >
        {firstLaunch && (
          <Stack.Screen
            name="Tutorial"
            component={TutorialScreen}
            options={{ title: "Tutorial" }}
          />
        )}
        <Stack.Screen
          name="Home"
          component={HomeScreen}
          options={{ title: "Model / App / Server Combos" }}
        />
        <Stack.Screen
          name="ConvoSelectScreen"
          component={ConvoSelectScreen}
          options={{ title: "Conversations" }}
        />
        <Stack.Screen
          name="ConvoScreen"
          component={ConvoScreen}
          options={{ title: "Chat" }}
        />
        <Stack.Screen
          name="Settings"
          component={SettingsScreen}
          options={{ title: "Settings" }}
        />
        <Stack.Screen
          name="About"
          component={AboutScreen}
          options={{ title: "About" }}
        />
        <Stack.Screen
          name="AddServerScreen"
          component={AddServerScreen}
          options={{ title: "Add Combo" }}
        />
        <Stack.Screen
          name="EditServerScreen"
          component={EditServerScreen}
          options={{ title: "Edit / Duplicate Server" }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}