Route.tsx 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526
  1. import React, { useEffect, useState } from 'react';
  2. import { useFonts } from 'expo-font';
  3. import { enableScreens } from 'react-native-screens';
  4. import * as SplashScreen from 'expo-splash-screen';
  5. import { Platform } from 'react-native';
  6. import * as Notifications from 'expo-notifications';
  7. import { createStackNavigator, TransitionPresets } from '@react-navigation/stack';
  8. import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
  9. import { createDrawerNavigator } from '@react-navigation/drawer';
  10. import WelcomeScreen from './src/screens/WelcomeScreen';
  11. import LoginScreen from './src/screens/LoginScreen';
  12. import ResetPasswordScreen from './src/screens/ResetPasswordScreen';
  13. import ResetPasswordDeepScreen from './src/screens/ResetPasswordDeepScreen';
  14. import JoinUsScreen from './src/screens/RegisterScreen/JoinUs';
  15. import EditAccount from './src/screens/RegisterScreen/EditAccount';
  16. import MapScreen from './src/screens/InAppScreens/MapScreen';
  17. import TravelsScreen from './src/screens/InAppScreens/TravelsScreen';
  18. import ProfileScreen from './src/screens/InAppScreens/ProfileScreen';
  19. import TravellersScreen from './src/screens/InAppScreens/TravellersScreen';
  20. import { EditPersonalInfo } from './src/screens/InAppScreens/ProfileScreen/Profile/edit-personal-info';
  21. import Settings from './src/screens/InAppScreens/ProfileScreen/Settings/';
  22. import MasterRankingScreen from './src/screens/InAppScreens/TravellersScreen/MasterRankingScreen';
  23. import LPIRanking from './src/screens/InAppScreens/TravellersScreen/LPIRankingScreen';
  24. import InMemoriamScreen from './src/screens/InAppScreens/TravellersScreen/InMemoriamScreen';
  25. import InHistoryScreen from './src/screens/InAppScreens/TravellersScreen/InHistoryScreen';
  26. import UNMastersScreen from './src/screens/InAppScreens/TravellersScreen/UNMasters';
  27. import StatisticsScreen from './src/screens/InAppScreens/TravellersScreen/StatisticsScreen';
  28. import StatisticsListScreen from './src/screens/InAppScreens/TravellersScreen/StatisticsListScreen';
  29. import TriumphsScreen from 'src/screens/InAppScreens/TravellersScreen/TriumphsScreen';
  30. import SeriesRankingScreen from 'src/screens/InAppScreens/TravellersScreen/SeriesRankingScreen';
  31. import SeriesRankingListScreen from 'src/screens/InAppScreens/TravellersScreen/SeriesRankingListScreen';
  32. import UsersMapScreen from 'src/screens/InAppScreens/ProfileScreen/UsersMap';
  33. import SeriesScreen from 'src/screens/InAppScreens/TravelsScreen/Series';
  34. import { SeriesItemScreen } from 'src/screens/InAppScreens/TravelsScreen/SeriesItemScreen';
  35. import EarthScreen from 'src/screens/InAppScreens/TravelsScreen/EarthScreen';
  36. import PhotosScreen from 'src/screens/InAppScreens/TravelsScreen/PhotosScreen';
  37. import MorePhotosScreen from 'src/screens/InAppScreens/TravelsScreen/MorePhotosScreen';
  38. import AddPhotoScreen from 'src/screens/InAppScreens/TravelsScreen/AddPhotoScreen';
  39. import TripsScreen from 'src/screens/InAppScreens/TravelsScreen/TripsScreen';
  40. import AddNewTripScreen from 'src/screens/InAppScreens/TravelsScreen/AddNewTripScreen';
  41. import AddRegionsScreen from 'src/screens/InAppScreens/TravelsScreen/AddRegionsScreen';
  42. import CountriesScreen from 'src/screens/InAppScreens/TravelsScreen/CountriesScreen';
  43. import RegionsScreen from 'src/screens/InAppScreens/TravelsScreen/RegionsScreen';
  44. import DareScreen from 'src/screens/InAppScreens/TravelsScreen/DareScreen';
  45. import FixersScreen from 'src/screens/InAppScreens/TravelsScreen/FixersScreen';
  46. import AddNewFixerScreen from 'src/screens/InAppScreens/TravelsScreen/AddNewFixerScreen';
  47. import FixersCommentsScreen from 'src/screens/InAppScreens/TravelsScreen/FixersCommentsScreen';
  48. import { API, NAVIGATION_PAGES } from './src/types';
  49. import { storage, StoreType } from './src/storage';
  50. import { openDatabases } from './src/db';
  51. import TabBarButton from './src/components/TabBarButton';
  52. import { ParamListBase, RouteProp } from '@react-navigation/native';
  53. import setupDatabaseAndSync from 'src/database';
  54. import { MenuDrawer } from 'src/components';
  55. import { API_URL } from 'src/constants';
  56. import {
  57. InfoScreen,
  58. PlanInfoScreen,
  59. JoinInfoScreen,
  60. DiscoverInfoScreen,
  61. FirstStepsInfoScreen,
  62. CountriesInfoScreen,
  63. RegionsInfoScreen,
  64. EarthInfoScreen,
  65. DareInfoScreen,
  66. TripsInfoScreen,
  67. FixersInfoScreen
  68. } from 'src/screens/InfoScreens';
  69. import RegionViewScreen from 'src/screens/InAppScreens/MapScreen/RegionViewScreen';
  70. import UsersListScreen from 'src/screens/InAppScreens/MapScreen/UsersListScreen';
  71. import SuggestSeriesScreen from 'src/screens/InAppScreens/TravelsScreen/SuggestSeriesScreen';
  72. import MyFriendsScreen from 'src/screens/InAppScreens/ProfileScreen/MyFriendsScreen';
  73. import CountryViewScreen from 'src/screens/InAppScreens/MapScreen/CountryViewScreen';
  74. import { userApi } from '@api/user';
  75. import axios from 'axios';
  76. import PreviewScreen from 'src/screens/InAppScreens/ProfileScreen/ShareScreen';
  77. import { PushNotificationProvider } from 'src/contexts/PushNotificationContext';
  78. import NotificationsScreen from 'src/screens/NotificationsScreen';
  79. import NotificationsListScreen from 'src/screens/NotificationsScreen/NotificationsListScreen';
  80. import FriendsNotificationsScreen from 'src/screens/NotificationsScreen/FriendsNotificactionsScreen';
  81. import MessagesNotificationsScreen from 'src/screens/NotificationsScreen/MessagesNotificationsScreen';
  82. import SystemNotificationsScreen from 'src/screens/NotificationsScreen/SystemNotificationsScreen';
  83. import MessagesScreen from 'src/screens/InAppScreens/MessagesScreen';
  84. import ChatScreen from 'src/screens/InAppScreens/MessagesScreen/ChatScreen';
  85. import { Splash } from 'src/components/SplashSpinner';
  86. import { useMessagesStore } from 'src/stores/unreadMessagesStore';
  87. import LocationSharingScreen from 'src/screens/LocationSharingScreen';
  88. import { useFriendsNotificationsStore } from 'src/stores/friendsNotificationsStore';
  89. import EventsScreen from 'src/screens/InAppScreens/TravelsScreen/EventsScreen';
  90. import { NavigationProvider } from 'src/contexts/NavigationContext';
  91. enableScreens();
  92. SplashScreen.preventAutoHideAsync();
  93. const ScreenStack = createStackNavigator();
  94. const BottomTab = createBottomTabNavigator();
  95. const MapDrawer = createDrawerNavigator();
  96. const Route = () => {
  97. const [token, setToken] = useState<string | null>(
  98. storage.get('token', StoreType.STRING) as string
  99. );
  100. const [fontsLoaded] = useFonts({
  101. 'redhat-900': require('./assets/fonts/RedHatDisplay-Black-900.ttf'),
  102. 'redhat-700': require('./assets/fonts/RedHatDisplay-Bold-700.ttf'),
  103. 'redhat-600': require('./assets/fonts/RedHatDisplay-SemiBold-600.ttf'),
  104. 'montserrat-700': require('./assets/fonts/Montserrat-Bold.ttf'),
  105. 'montserrat-600': require('./assets/fonts/Montserrat-SemiBold.ttf'),
  106. 'montserrat-400': require('./assets/fonts/Montserrat-Regular.ttf')
  107. });
  108. const [dbLoaded, setDbLoaded] = useState(false);
  109. const uid = storage.get('uid', StoreType.STRING);
  110. const updateNotificationStatus = useFriendsNotificationsStore(
  111. (state) => state.updateNotificationStatus
  112. );
  113. const updateUnreadMessagesCount = useMessagesStore((state) => state.updateUnreadMessagesCount);
  114. const checkNmToken = async () => {
  115. if (token && uid) {
  116. try {
  117. const response = await axios.postForm(API_URL + '/' + API.CHECK_TOKEN, {
  118. token,
  119. user_id: +uid
  120. });
  121. if (response.data.result !== 'OK') {
  122. handleLogout();
  123. }
  124. } catch (error) {
  125. console.error('Error checking token:', error);
  126. }
  127. }
  128. };
  129. const handleLogout = () => {
  130. setToken(null);
  131. storage.remove('token');
  132. storage.remove('uid');
  133. storage.remove('currentUserData');
  134. storage.remove('showNomads');
  135. storage.remove('filterSettings');
  136. updateNotificationStatus();
  137. updateUnreadMessagesCount();
  138. };
  139. const fetchAndSaveUserInfo = async () => {
  140. if (uid && token) {
  141. const profileData = await userApi.getProfileInfoData(token, +uid);
  142. const userInfo = {
  143. avatar: profileData?.data?.data?.user_data.avatar ?? '',
  144. first_name: profileData?.data?.data?.user_data.first_name,
  145. last_name: profileData?.data?.data?.user_data.last_name,
  146. homebase_flag: profileData?.data?.data?.user_data.flag1
  147. };
  148. storage.set('currentUserData', JSON.stringify(userInfo));
  149. }
  150. };
  151. useEffect(() => {
  152. const prepareApp = async () => {
  153. await checkNmToken();
  154. // await checkTokenAndUpdate();
  155. await openDatabases();
  156. setDbLoaded(true);
  157. updateNotificationStatus();
  158. updateUnreadMessagesCount();
  159. };
  160. prepareApp();
  161. }, []);
  162. useEffect(() => {
  163. const hideSplashScreen = async () => {
  164. if (fontsLoaded) {
  165. await SplashScreen.hideAsync();
  166. await fetchAndSaveUserInfo();
  167. await setupDatabaseAndSync();
  168. }
  169. };
  170. hideSplashScreen();
  171. }, [fontsLoaded]);
  172. const checkTokenAndUpdate = async () => {
  173. const storedToken = storage.get('deviceToken', StoreType.STRING);
  174. const { status } = await Notifications.getPermissionsAsync();
  175. if (status !== 'granted') {
  176. return;
  177. }
  178. const currentToken = await Notifications.getDevicePushTokenAsync();
  179. if (storedToken && currentToken?.data !== storedToken) {
  180. storage.set('deviceToken', currentToken.data);
  181. }
  182. };
  183. if (!fontsLoaded || !dbLoaded) {
  184. return <Splash />;
  185. }
  186. const screenOptions = ({
  187. route,
  188. navigation
  189. }: {
  190. route: RouteProp<ParamListBase, string>;
  191. navigation: any;
  192. }) => ({
  193. headerShown: false,
  194. tabBarButton: (props: any) => (
  195. <TabBarButton
  196. {...props}
  197. label={route.name}
  198. focused={props?.accessibilityState?.selected || false}
  199. navigation={navigation}
  200. />
  201. ),
  202. tabBarStyle: {
  203. ...Platform.select({
  204. android: {
  205. height: 58
  206. }
  207. })
  208. },
  209. cardStyle: { backgroundColor: 'white' },
  210. unmountOnBlur: true,
  211. gestureEnabled: Platform.OS === 'ios' ? true : false,
  212. lazy: false
  213. });
  214. const regionViewScreenOptions = {
  215. ...screenOptions,
  216. ...(Platform.OS === 'ios' ? TransitionPresets.ModalSlideFromBottomIOS : {}),
  217. contentStyle: {
  218. flex: 1
  219. }
  220. };
  221. const BottomTabNavigator = () => (
  222. <BottomTab.Navigator screenOptions={screenOptions}>
  223. <BottomTab.Screen name={NAVIGATION_PAGES.IN_APP_MAP_TAB}>
  224. {() => (
  225. <ScreenStack.Navigator screenOptions={screenOptions}>
  226. <ScreenStack.Screen name={NAVIGATION_PAGES.MAP_TAB} component={MapScreen} />
  227. <ScreenStack.Screen
  228. name={NAVIGATION_PAGES.PUBLIC_PROFILE_VIEW}
  229. component={ProfileScreen}
  230. />
  231. <ScreenStack.Screen name={NAVIGATION_PAGES.USERS_MAP} component={UsersMapScreen} />
  232. <ScreenStack.Screen
  233. name={NAVIGATION_PAGES.REGION_PREVIEW}
  234. component={RegionViewScreen}
  235. options={regionViewScreenOptions}
  236. />
  237. <ScreenStack.Screen
  238. name={NAVIGATION_PAGES.USERS_LIST}
  239. component={UsersListScreen}
  240. options={regionViewScreenOptions}
  241. />
  242. <ScreenStack.Screen
  243. name={NAVIGATION_PAGES.FRIENDS_LIST}
  244. component={UsersListScreen}
  245. options={regionViewScreenOptions}
  246. />
  247. <ScreenStack.Screen
  248. name={NAVIGATION_PAGES.COUNTRY_PREVIEW}
  249. component={CountryViewScreen}
  250. options={regionViewScreenOptions}
  251. />
  252. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_PHOTO} component={AddPhotoScreen} />
  253. <ScreenStack.Screen name={NAVIGATION_PAGES.PROFILE_TAB} component={ProfileScreen} />
  254. <ScreenStack.Screen
  255. name={NAVIGATION_PAGES.EDIT_PERSONAL_INFO}
  256. component={EditPersonalInfo}
  257. />
  258. <ScreenStack.Screen name={NAVIGATION_PAGES.SETTINGS} component={Settings} />
  259. <ScreenStack.Screen name={NAVIGATION_PAGES.MY_FRIENDS} component={MyFriendsScreen} />
  260. <ScreenStack.Screen name={NAVIGATION_PAGES.SHARE_PROFILE} component={PreviewScreen} />
  261. </ScreenStack.Navigator>
  262. )}
  263. </BottomTab.Screen>
  264. <BottomTab.Screen name={NAVIGATION_PAGES.IN_APP_TRAVELS_TAB}>
  265. {() => (
  266. <ScreenStack.Navigator screenOptions={screenOptions}>
  267. <ScreenStack.Screen name={NAVIGATION_PAGES.TRAVELS_TAB} component={TravelsScreen} />
  268. <ScreenStack.Screen name={NAVIGATION_PAGES.SERIES} component={SeriesScreen} />
  269. <ScreenStack.Screen name={NAVIGATION_PAGES.SERIES_ITEM} component={SeriesItemScreen} />
  270. <ScreenStack.Screen name={NAVIGATION_PAGES.EARTH} component={EarthScreen} />
  271. <ScreenStack.Screen name={NAVIGATION_PAGES.PHOTOS} component={PhotosScreen} />
  272. <ScreenStack.Screen name={NAVIGATION_PAGES.MORE_PHOTOS} component={MorePhotosScreen} />
  273. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_PHOTO} component={AddPhotoScreen} />
  274. <ScreenStack.Screen name={NAVIGATION_PAGES.TRIPS} component={TripsScreen} />
  275. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_TRIP} component={AddNewTripScreen} />
  276. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_REGIONS} component={AddRegionsScreen} />
  277. <ScreenStack.Screen name={NAVIGATION_PAGES.COUNTRIES} component={CountriesScreen} />
  278. <ScreenStack.Screen name={NAVIGATION_PAGES.REGIONS} component={RegionsScreen} />
  279. <ScreenStack.Screen name={NAVIGATION_PAGES.DARE} component={DareScreen} />
  280. <ScreenStack.Screen name={NAVIGATION_PAGES.FIXERS} component={FixersScreen} />
  281. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_FIXER} component={AddNewFixerScreen} />
  282. <ScreenStack.Screen name={NAVIGATION_PAGES.EVENTS} component={EventsScreen} />
  283. <ScreenStack.Screen
  284. name={NAVIGATION_PAGES.FIXERS_COMMENTS}
  285. component={FixersCommentsScreen}
  286. />
  287. <ScreenStack.Screen
  288. name={NAVIGATION_PAGES.REGION_PREVIEW}
  289. component={RegionViewScreen}
  290. options={regionViewScreenOptions}
  291. />
  292. <ScreenStack.Screen
  293. name={NAVIGATION_PAGES.USERS_LIST}
  294. component={UsersListScreen}
  295. options={regionViewScreenOptions}
  296. />
  297. <ScreenStack.Screen
  298. name={NAVIGATION_PAGES.PUBLIC_PROFILE_VIEW}
  299. component={ProfileScreen}
  300. />
  301. <ScreenStack.Screen
  302. name={NAVIGATION_PAGES.EDIT_PERSONAL_INFO}
  303. component={EditPersonalInfo}
  304. />
  305. <ScreenStack.Screen name={NAVIGATION_PAGES.USERS_MAP} component={UsersMapScreen} />
  306. <ScreenStack.Screen
  307. name={NAVIGATION_PAGES.SUGGEST_SERIES}
  308. component={SuggestSeriesScreen}
  309. />
  310. <ScreenStack.Screen
  311. name={NAVIGATION_PAGES.FRIENDS_LIST}
  312. component={UsersListScreen}
  313. options={regionViewScreenOptions}
  314. />
  315. <ScreenStack.Screen
  316. name={NAVIGATION_PAGES.COUNTRY_PREVIEW}
  317. component={CountryViewScreen}
  318. options={regionViewScreenOptions}
  319. />
  320. </ScreenStack.Navigator>
  321. )}
  322. </BottomTab.Screen>
  323. <BottomTab.Screen name={NAVIGATION_PAGES.IN_APP_TRAVELLERS_TAB}>
  324. {() => (
  325. <ScreenStack.Navigator screenOptions={screenOptions}>
  326. <ScreenStack.Screen
  327. name={NAVIGATION_PAGES.TRAVELLERS_TAB}
  328. component={TravellersScreen}
  329. />
  330. <ScreenStack.Screen
  331. name={NAVIGATION_PAGES.MASTER_RANKING}
  332. component={MasterRankingScreen}
  333. />
  334. <ScreenStack.Screen name={NAVIGATION_PAGES.LPI_RANKING} component={LPIRanking} />
  335. <ScreenStack.Screen name={NAVIGATION_PAGES.IN_MEMORIAM} component={InMemoriamScreen} />
  336. <ScreenStack.Screen name={NAVIGATION_PAGES.IN_HISTORY} component={InHistoryScreen} />
  337. <ScreenStack.Screen name={NAVIGATION_PAGES.UN_MASTERS} component={UNMastersScreen} />
  338. <ScreenStack.Screen name={NAVIGATION_PAGES.STATISTICS} component={StatisticsScreen} />
  339. <ScreenStack.Screen
  340. name={NAVIGATION_PAGES.PUBLIC_PROFILE_VIEW}
  341. component={ProfileScreen}
  342. />
  343. <ScreenStack.Screen
  344. name={NAVIGATION_PAGES.EDIT_PERSONAL_INFO}
  345. component={EditPersonalInfo}
  346. />
  347. <ScreenStack.Screen
  348. name={NAVIGATION_PAGES.STATISTICS_LIST_DATA}
  349. component={StatisticsListScreen}
  350. />
  351. <ScreenStack.Screen name={NAVIGATION_PAGES.TRIUMPHS} component={TriumphsScreen} />
  352. <ScreenStack.Screen
  353. name={NAVIGATION_PAGES.SERIES_RANKING}
  354. component={SeriesRankingScreen}
  355. />
  356. <ScreenStack.Screen
  357. name={NAVIGATION_PAGES.SERIES_RANKING_LIST}
  358. component={SeriesRankingListScreen}
  359. />
  360. <ScreenStack.Screen name={NAVIGATION_PAGES.USERS_MAP} component={UsersMapScreen} />
  361. <ScreenStack.Screen
  362. name={NAVIGATION_PAGES.FRIENDS_LIST}
  363. component={UsersListScreen}
  364. options={regionViewScreenOptions}
  365. />
  366. <ScreenStack.Screen name={NAVIGATION_PAGES.MY_FRIENDS} component={MyFriendsScreen} />
  367. <ScreenStack.Screen
  368. name={NAVIGATION_PAGES.REGION_PREVIEW}
  369. component={RegionViewScreen}
  370. options={regionViewScreenOptions}
  371. />
  372. <ScreenStack.Screen
  373. name={NAVIGATION_PAGES.USERS_LIST}
  374. component={UsersListScreen}
  375. options={regionViewScreenOptions}
  376. />
  377. <ScreenStack.Screen
  378. name={NAVIGATION_PAGES.COUNTRY_PREVIEW}
  379. component={CountryViewScreen}
  380. options={regionViewScreenOptions}
  381. />
  382. <ScreenStack.Screen name={NAVIGATION_PAGES.ADD_PHOTO} component={AddPhotoScreen} />
  383. </ScreenStack.Navigator>
  384. )}
  385. </BottomTab.Screen>
  386. <BottomTab.Screen name={NAVIGATION_PAGES.IN_APP_MESSAGES_TAB}>
  387. {() => (
  388. <ScreenStack.Navigator screenOptions={screenOptions}>
  389. <ScreenStack.Screen name={NAVIGATION_PAGES.CHATS_LIST} component={MessagesScreen} />
  390. <ScreenStack.Screen name={NAVIGATION_PAGES.CHAT} component={ChatScreen} />
  391. <ScreenStack.Screen
  392. name={NAVIGATION_PAGES.PUBLIC_PROFILE_VIEW}
  393. component={ProfileScreen}
  394. />
  395. <ScreenStack.Screen name={NAVIGATION_PAGES.USERS_MAP} component={UsersMapScreen} />
  396. <ScreenStack.Screen
  397. name={NAVIGATION_PAGES.NOTIFICATIONS}
  398. component={NotificationsScreen}
  399. />
  400. <ScreenStack.Screen
  401. name={NAVIGATION_PAGES.FRIENDS_NOTIFICATIONS}
  402. component={FriendsNotificationsScreen}
  403. />
  404. </ScreenStack.Navigator>
  405. )}
  406. </BottomTab.Screen>
  407. <BottomTab.Screen name={NAVIGATION_PAGES.MENU_DRAWER}>
  408. {() => (
  409. <ScreenStack.Navigator screenOptions={screenOptions}>
  410. <ScreenStack.Screen
  411. name={NAVIGATION_PAGES.NOTIFICATIONS}
  412. component={NotificationsScreen}
  413. />
  414. <ScreenStack.Screen
  415. name={NAVIGATION_PAGES.NOTIFICATIONS_LIST}
  416. component={NotificationsListScreen}
  417. />
  418. <ScreenStack.Screen
  419. name={NAVIGATION_PAGES.FRIENDS_NOTIFICATIONS}
  420. component={FriendsNotificationsScreen}
  421. />
  422. <ScreenStack.Screen
  423. name={NAVIGATION_PAGES.MESSAGES_NOTIFICATIONS}
  424. component={MessagesNotificationsScreen}
  425. />
  426. <ScreenStack.Screen
  427. name={NAVIGATION_PAGES.SYSTEM_NOTIFICATIONS}
  428. component={SystemNotificationsScreen}
  429. />
  430. <ScreenStack.Screen
  431. name={NAVIGATION_PAGES.LOCATION_SHARING}
  432. component={LocationSharingScreen}
  433. />
  434. </ScreenStack.Navigator>
  435. )}
  436. </BottomTab.Screen>
  437. </BottomTab.Navigator>
  438. );
  439. return (
  440. <PushNotificationProvider>
  441. <NavigationProvider>
  442. <ScreenStack.Navigator
  443. screenOptions={{ headerShown: false, cardStyle: { backgroundColor: 'white' } }}
  444. initialRouteName={token ? NAVIGATION_PAGES.IN_APP : NAVIGATION_PAGES.WELCOME}
  445. >
  446. <ScreenStack.Screen name={NAVIGATION_PAGES.WELCOME} component={WelcomeScreen} />
  447. <ScreenStack.Screen name={NAVIGATION_PAGES.LOGIN} component={LoginScreen} />
  448. <ScreenStack.Screen name={NAVIGATION_PAGES.REGISTER} component={JoinUsScreen} />
  449. <ScreenStack.Screen
  450. name={NAVIGATION_PAGES.REGISTER_ACCOUNT_DATA}
  451. component={EditAccount}
  452. />
  453. <ScreenStack.Screen
  454. name={NAVIGATION_PAGES.RESET_PASSWORD}
  455. component={ResetPasswordScreen}
  456. />
  457. <ScreenStack.Screen
  458. name={NAVIGATION_PAGES.RESET_PASSWORD_DEEP}
  459. component={ResetPasswordDeepScreen}
  460. />
  461. <ScreenStack.Screen name={NAVIGATION_PAGES.INFO} component={InfoScreen} />
  462. <ScreenStack.Screen name={NAVIGATION_PAGES.JOIN_INFO} component={JoinInfoScreen} />
  463. <ScreenStack.Screen
  464. name={NAVIGATION_PAGES.DISCOVER_INFO}
  465. component={DiscoverInfoScreen}
  466. />
  467. <ScreenStack.Screen name={NAVIGATION_PAGES.PLAN_INFO} component={PlanInfoScreen} />
  468. <ScreenStack.Screen
  469. name={NAVIGATION_PAGES.FIRST_STEPS_INFO}
  470. component={FirstStepsInfoScreen}
  471. />
  472. <ScreenStack.Screen
  473. name={NAVIGATION_PAGES.COUNTRIES_INFO}
  474. component={CountriesInfoScreen}
  475. />
  476. <ScreenStack.Screen name={NAVIGATION_PAGES.DARE_INFO} component={DareInfoScreen} />
  477. <ScreenStack.Screen name={NAVIGATION_PAGES.REGIONS_INFO} component={RegionsInfoScreen} />
  478. <ScreenStack.Screen name={NAVIGATION_PAGES.TRIPS_INFO} component={TripsInfoScreen} />
  479. <ScreenStack.Screen name={NAVIGATION_PAGES.FIXERS_INFO} component={FixersInfoScreen} />
  480. <ScreenStack.Screen name={NAVIGATION_PAGES.EARTH_INFO} component={EarthInfoScreen} />
  481. <ScreenStack.Screen name={NAVIGATION_PAGES.IN_APP}>
  482. {() => (
  483. <MapDrawer.Navigator drawerContent={(props) => <MenuDrawer {...props} />}>
  484. <MapDrawer.Screen
  485. name="DrawerApp"
  486. component={BottomTabNavigator}
  487. options={{ headerShown: false }}
  488. />
  489. </MapDrawer.Navigator>
  490. )}
  491. </ScreenStack.Screen>
  492. </ScreenStack.Navigator>
  493. </NavigationProvider>
  494. </PushNotificationProvider>
  495. );
  496. };
  497. export default Route;