App.tsx

import NetInfo from "@react-native-community/netinfo";
import { useFonts } from "expo-font";
import React, { useEffect } from "react";
import { Text, TextInput } from "react-native";
import "react-native-gesture-handler";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
import Toast from "react-native-toast-message";
import { toastConfig } from "./src/lib/defaultToastConfig";
import { MainNavigator } from "./src/MainNavigator";
import { useNetworkStatus } from "./src/stores/useNetworkStatus";
import { useTaskProgress } from "./src/stores/useTaskProgress";
import {
  MD3LightTheme as DefaultTheme,
  Provider as PaperProvider,
} from "react-native-paper";
import { colors, fonts } from "./src/constants/AppStyle";
import "./src/lib/firbase";
import { useUserIdStore } from "./src/stores/useUserIdStore";
import { useResultStore } from "./src/stores/useResultStore";

if ((Text as any).defaultProps == null) {
  (Text as any).defaultProps = {};
  (Text as any).defaultProps.allowFontScaling = false;
}

if ((TextInput as any).defaultProps == null) {
  (TextInput as any).defaultProps = {};
  (TextInput as any).defaultProps.allowFontScaling = false;
}

export const theme = {
  ...DefaultTheme,
  roundness: 2,
  version: 3,
  colors: {
    ...DefaultTheme.colors,
    primary: colors["blue-500"],
    secondary: colors["green-500"],
    tertiary: colors.accent,
    primaryContainer: colors["blue-200"],
    secondaryContainer: colors["blue-100"],
  },
  fonts,
};

const App = () => {
  const { setConnected } = useNetworkStatus((s) => s);
  const { loadTaskProgress } = useTaskProgress((s) => s);
  const { loadUserId } = useUserIdStore((s) => s);
  const { loadResult } = useResultStore((s) => s);

  const [fontsLoaded] = useFonts({
    "Inter-Light": require("./src/assets/fonts/Inter-Light.ttf"),
    "Inter-Regular": require("./src/assets/fonts/Inter-Regular.ttf"),
    "Inter-SemiBold": require("./src/assets/fonts/Inter-SemiBold.ttf"),
  });

  useEffect(() => {
    if (!fontsLoaded) {
      loadUserId();
      loadTaskProgress();
      loadResult();
    }

    const unsubscribe = NetInfo.addEventListener((state) => {
      const { isConnected, isInternetReachable } = state;

      //@ts-ignore
      setConnected({ isInternetReachable, isConnected });
    });
    return () => {
      unsubscribe();
    };
  }, []);

  if (!fontsLoaded) return null;

  return (
    <SafeAreaProvider>
      <SafeAreaView />
      <PaperProvider theme={theme}>
        <MainNavigator />
      </PaperProvider>
      <Toast
        config={toastConfig}
        onPress={() => Toast.hide()}
        visibilityTime={4000}
        autoHide
      />
    </SafeAreaProvider>
  );
};

export default App;