nostros/frontend/index.tsx

import React from 'react'
import { AppContextProvider } from './Contexts/AppContext'
import {
  InitialState,
  NavigationContainer,
  DefaultTheme as NavigationDefaultTheme,
  DarkTheme as NavigationDarkTheme,
} from '@react-navigation/native'
import { createDrawerNavigator } from '@react-navigation/drawer'
import { RelayPoolContextProvider } from './Contexts/RelayPoolContext'
import { I18nextProvider } from 'react-i18next'
import { adaptNavigationTheme, Provider as PaperProvider } from 'react-native-paper'
import { SafeAreaProvider, SafeAreaInsetsContext } from 'react-native-safe-area-context'
import i18n from './i18n.config'
import nostrosDarkTheme from './Constants/Theme/theme-dark.json'
import RootNavigator from './Components/RootNavigator'
import MenuItems from './Components/MenuItems'

const DrawerNavigator = createDrawerNavigator()

export const Frontend: React.FC = () => {
  const [initialState, setInitialState] = React.useState<InitialState | undefined>()

  const { LightTheme, DarkTheme } = adaptNavigationTheme({
    reactNavigationLight: NavigationDefaultTheme,
    reactNavigationDark: NavigationDarkTheme,
  })
  const CombinedDefaultTheme = React.useMemo(() => {
    return {
      ...DarkTheme,
      ...nostrosDarkTheme,
      colors: {
        ...DarkTheme.colors,
        ...nostrosDarkTheme.colors,
      },
    }
  }, [])

  return (
    <PaperProvider theme={nostrosDarkTheme}>
      <SafeAreaProvider>
        <I18nextProvider i18n={i18n}>
          <AppContextProvider>
            <RelayPoolContextProvider>
              <React.Fragment>
                <NavigationContainer theme={CombinedDefaultTheme} initialState={initialState}>
                  <SafeAreaInsetsContext.Consumer>
                    {() => {
                      return (
                        <DrawerNavigator.Navigator
                          drawerContent={({navigation}) => <MenuItems navigation={navigation}/>}
                          screenOptions={{
                            drawerStyle: {
                              borderRadius: 28
                            },
                          }}
                        >
                          <DrawerNavigator.Screen
                            name='Home'
                            component={RootNavigator}
                            options={{ headerShown: false }}
                          />
                        </DrawerNavigator.Navigator>
                      )
                    }}
                  </SafeAreaInsetsContext.Consumer>
                </NavigationContainer>
              </React.Fragment>
            </RelayPoolContextProvider>
          </AppContextProvider>
        </I18nextProvider>
      </SafeAreaProvider>
    </PaperProvider>
  )
}

export default Frontend