App.tsx

import 'react-native-gesture-handler';
import React, { useState } from 'react';
import { StatusBar } from 'react-native';
import RootStack from './src/navigation/RootStack';
import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
import {
  stackContext,
  TGalleryStack,
  TPopupStack,
  TWriteStack,
} from './src/lib/context/useStackContext';
import { NavigationContainer } from '@react-navigation/native';
import { cameraContext } from '@/lib/context/useCameraContext';
import { useRef } from 'react';

type TProps = {};

export type TGuideImage = {
  isGuideImage: boolean;
  guideImage: string | null;
};

// Initialize Apollo Client
const client = new ApolloClient({
  uri: 'localhost:4000/graphql',
  cache: new InMemoryCache(),
});

const App = ({}: TProps) => {
  const [GalleryStackType, setGalleryStack] = useState<TGalleryStack>('Select');
  const [PopupStackType, setPopupStackType] = useState<TPopupStack>('SelectGuide');
  const [WriteStackType, setWriteStackType] = useState<TWriteStack>('SavePhoto');
  const [mirrorImage, setMirrorImage] = useState(false);
  const [guideImage, setGuideImage] = useState<TGuideImage>({
    isGuideImage: false,
    guideImage: null,
  });
  const [quality, setQuality] = useState(true);

  return (
    <ApolloProvider client={client}>
      <StatusBar barStyle="light-content" />
      <stackContext.Provider
        value={{
          GalleryStackType,
          setGalleryStack,
          PopupStackType,
          setPopupStackType,
          WriteStackType,
          setWriteStackType,
        }}>
        <cameraContext.Provider
          value={{
            mirrorImage,
            setMirrorImage,
            guideImage,
            setGuideImage,
            quality,
            setQuality,
          }}>
          <NavigationContainer>
            <RootStack />
          </NavigationContainer>
        </cameraContext.Provider>
      </stackContext.Provider>
    </ApolloProvider>
  );
};

export default App;