42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
NavigationContainer,
|
|
DefaultTheme,
|
|
DarkTheme,
|
|
} from '@react-navigation/native';
|
|
import { createNativeStackNavigator } from '@react-navigation/native-stack';
|
|
import { useColorScheme } from 'react-native';
|
|
import { RootStackParamList } from '@navigation/navigationTypes';
|
|
import AuthStack from './authStack';
|
|
import AppStack from './appStack';
|
|
import onBoardingStack from './onBoardingStack';
|
|
import { useAppSelector } from '@store';
|
|
|
|
const Stack = createNativeStackNavigator<RootStackParamList>();
|
|
|
|
const RootNavigator: React.FC = () => {
|
|
const scheme = useColorScheme();
|
|
const theme = scheme === 'dark' ? DarkTheme : DefaultTheme;
|
|
|
|
const accessToken = useAppSelector(state => state.auth.accessToken);
|
|
const isOnboarding = useAppSelector(
|
|
state => state.auth.user?.status === 'ONBOARDING',
|
|
);
|
|
|
|
return (
|
|
<NavigationContainer theme={theme}>
|
|
<Stack.Navigator screenOptions={{ headerShown: false }}>
|
|
{!accessToken ? (
|
|
<Stack.Screen name="Auth" component={AuthStack} />
|
|
) : isOnboarding ? (
|
|
<Stack.Screen name="OnBoarding" component={onBoardingStack} />
|
|
) : (
|
|
<Stack.Screen name="App" component={AppStack} />
|
|
)}
|
|
</Stack.Navigator>
|
|
</NavigationContainer>
|
|
);
|
|
};
|
|
|
|
export default RootNavigator;
|