App.tsx

import React, { useEffect } from 'react';
import BootSplash from 'react-native-bootsplash';
import Toast, { BaseToast, BaseToastProps, ErrorToast } from 'react-native-toast-message';
import notifee, { AndroidImportance } from '@notifee/react-native';
import { FirebaseMessagingTypes, getMessaging, onMessage } from '@react-native-firebase/messaging';
import { DefaultTheme, NavigationContainer } from '@react-navigation/native';
import { QueryClientProvider } from '@tanstack/react-query';
import queryClient from '@/api/queryClient';
import { colors } from '@/constants/colors';
import useAuth from '@/hooks/queries/useAuth';
import { NotificationProvider } from '@/hooks/useNotification';
import RootNavigator from '@/navigations/root/RootNavigator';
import pushNoti from '@/utils/pushNoti';

const AppTheme = {
  ...DefaultTheme,
};

const toastConfig = {
  success: (props: BaseToastProps) => (
    <BaseToast
      {...props}
      style={{ borderLeftColor: 'transparent', backgroundColor: colors.BLACK }}
      text1Style={{
        fontSize: 14,
        fontFamily: 'Pretendard-Medium',
        fontWeight: 'normal',
        color: colors.WHITE,
      }}
      text2Style={{
        fontSize: 12,
        fontFamily: 'Pretendard-Regular',
        fontWeight: 'normal',
        color: colors.WHITE,
      }}
    />
  ),

  error: (props: BaseToastProps) => (
    <ErrorToast
      {...props}
      style={{ borderLeftColor: 'transparent', backgroundColor: colors.BLACK }}
      text1Style={{
        fontSize: 14,
        fontFamily: 'Pretendard-SemiBold',
        fontWeight: 'normal',
        color: colors.WHITE,
      }}
      text2Style={{
        fontSize: 12,
        fontFamily: 'Pretendard-Regular',
        fontWeight: 'normal',
        color: colors.WHITE,
      }}
    />
  ),
};

function AppContentInner() {
  const { isLoading } = useAuth();

  useEffect(() => {
    if (!isLoading) {
      BootSplash.hide({ fade: true });
    }
  }, [isLoading]);

  useEffect(() => {
    async function setupNotificationChannel() {
      try {
        const channel = await notifee.createChannel({
          id: 'default',
          name: 'RE:FOOD',
          importance: AndroidImportance.HIGH,
        });
        console.log('Notification channel created:', channel);

        const channels = await notifee.getChannels();
        console.log('Available channels:', channels);
      } catch (error) {
        console.error('Error creating notification channel:', error);
      }
    }
    setupNotificationChannel();
  }, []);

  useEffect(() => {
    const messagingInstance = getMessaging();
    const unsubscribe = onMessage(
      messagingInstance,
      async (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => {
        console.log('FCM message received:', remoteMessage);
        pushNoti.displayNoti(remoteMessage);
      }
    );

    return unsubscribe;
  }, []);

  return (
    <NavigationContainer theme={AppTheme}>
      <RootNavigator />
      <Toast config={toastConfig} />
    </NavigationContainer>
  );
}

function AppContent() {
  return (
    <QueryClientProvider client={queryClient}>
      <AppContentInner />
    </QueryClientProvider>
  );
}

function App() {
  return (
    <NotificationProvider>
      <AppContent />
    </NotificationProvider>
  );
}

export default App;