application-amicale/src/navigation/MainNavigator.js

// @flow

import * as React from 'react';
import {createStackNavigator, TransitionPresets} from '@react-navigation/stack';
import i18n from 'i18n-js';
import {Platform} from 'react-native';
import SettingsScreen from '../screens/Other/Settings/SettingsScreen';
import AboutScreen from '../screens/About/AboutScreen';
import AboutDependenciesScreen from '../screens/About/AboutDependenciesScreen';
import DebugScreen from '../screens/About/DebugScreen';
import TabNavigator from './TabNavigator';
import GameMainScreen from '../screens/Game/screens/GameMainScreen';
import VoteScreen from '../screens/Amicale/VoteScreen';
import LoginScreen from '../screens/Amicale/LoginScreen';
import SelfMenuScreen from '../screens/Services/SelfMenuScreen';
import ProximoMainScreen from '../screens/Services/Proximo/ProximoMainScreen';
import ProximoListScreen from '../screens/Services/Proximo/ProximoListScreen';
import ProximoAboutScreen from '../screens/Services/Proximo/ProximoAboutScreen';
import ProfileScreen from '../screens/Amicale/ProfileScreen';
import ClubListScreen from '../screens/Amicale/Clubs/ClubListScreen';
import ClubAboutScreen from '../screens/Amicale/Clubs/ClubAboutScreen';
import ClubDisplayScreen from '../screens/Amicale/Clubs/ClubDisplayScreen';
import {
  createScreenCollapsibleStack,
  getWebsiteStack,
} from '../utils/CollapsibleUtils';
import BugReportScreen from '../screens/Other/FeedbackScreen';
import WebsiteScreen from '../screens/Services/WebsiteScreen';
import EquipmentScreen from '../screens/Amicale/Equipment/EquipmentListScreen';
import EquipmentLendScreen from '../screens/Amicale/Equipment/EquipmentRentScreen';
import EquipmentConfirmScreen from '../screens/Amicale/Equipment/EquipmentConfirmScreen';
import DashboardEditScreen from '../screens/Other/Settings/DashboardEditScreen';
import GameStartScreen from '../screens/Game/screens/GameStartScreen';

const modalTransition =
  Platform.OS === 'ios'
    ? TransitionPresets.ModalPresentationIOS
    : TransitionPresets.ModalSlideFromBottomIOS;

const defaultScreenOptions = {
  gestureEnabled: true,
  cardOverlayEnabled: true,
  ...TransitionPresets.SlideFromRightIOS,
};

const MainStack = createStackNavigator();

function MainStackComponent(props: {
  createTabNavigator: () => React.Node,
}): React.Node {
  const {createTabNavigator} = props;
  return (
    <MainStack.Navigator
      initialRouteName="main"
      headerMode="screen"
      screenOptions={defaultScreenOptions}>
      <MainStack.Screen
        name="main"
        component={createTabNavigator}
        options={{
          headerShown: false,
          title: i18n.t('screens.home.title'),
        }}
      />
      {createScreenCollapsibleStack(
        'settings',
        MainStack,
        SettingsScreen,
        i18n.t('screens.settings.title'),
      )}
      {createScreenCollapsibleStack(
        'dashboard-edit',
        MainStack,
        DashboardEditScreen,
        i18n.t('screens.settings.dashboardEdit.title'),
      )}
      {createScreenCollapsibleStack(
        'about',
        MainStack,
        AboutScreen,
        i18n.t('screens.about.title'),
      )}
      {createScreenCollapsibleStack(
        'dependencies',
        MainStack,
        AboutDependenciesScreen,
        i18n.t('screens.about.libs'),
      )}
      {createScreenCollapsibleStack(
        'debug',
        MainStack,
        DebugScreen,
        i18n.t('screens.about.debug'),
      )}

      {createScreenCollapsibleStack(
        'game-start',
        MainStack,
        GameStartScreen,
        i18n.t('screens.game.title'),
      )}
      <MainStack.Screen
        name="game-main"
        component={GameMainScreen}
        options={{
          title: i18n.t('screens.game.title'),
        }}
      />
      {createScreenCollapsibleStack(
        'login',
        MainStack,
        LoginScreen,
        i18n.t('screens.login.title'),
        true,
        {headerTintColor: '#fff'},
        'transparent',
      )}
      {getWebsiteStack('website', MainStack, WebsiteScreen, '')}

      {createScreenCollapsibleStack(
        'self-menu',
        MainStack,
        SelfMenuScreen,
        i18n.t('screens.menu.title'),
      )}
      {createScreenCollapsibleStack(
        'proximo',
        MainStack,
        ProximoMainScreen,
        i18n.t('screens.proximo.title'),
      )}
      {createScreenCollapsibleStack(
        'proximo-list',
        MainStack,
        ProximoListScreen,
        i18n.t('screens.proximo.articleList'),
      )}
      {createScreenCollapsibleStack(
        'proximo-about',
        MainStack,
        ProximoAboutScreen,
        i18n.t('screens.proximo.title'),
        true,
        {...modalTransition},
      )}

      {createScreenCollapsibleStack(
        'profile',
        MainStack,
        ProfileScreen,
        i18n.t('screens.profile.title'),
      )}
      {createScreenCollapsibleStack(
        'club-list',
        MainStack,
        ClubListScreen,
        i18n.t('screens.clubs.title'),
      )}
      {createScreenCollapsibleStack(
        'club-information',
        MainStack,
        ClubDisplayScreen,
        i18n.t('screens.clubs.details'),
        true,
        {...modalTransition},
      )}
      {createScreenCollapsibleStack(
        'club-about',
        MainStack,
        ClubAboutScreen,
        i18n.t('screens.clubs.title'),
        true,
        {...modalTransition},
      )}
      {createScreenCollapsibleStack(
        'equipment-list',
        MainStack,
        EquipmentScreen,
        i18n.t('screens.equipment.title'),
      )}
      {createScreenCollapsibleStack(
        'equipment-rent',
        MainStack,
        EquipmentLendScreen,
        i18n.t('screens.equipment.book'),
      )}
      {createScreenCollapsibleStack(
        'equipment-confirm',
        MainStack,
        EquipmentConfirmScreen,
        i18n.t('screens.equipment.confirm'),
      )}
      {createScreenCollapsibleStack(
        'vote',
        MainStack,
        VoteScreen,
        i18n.t('screens.vote.title'),
      )}
      {createScreenCollapsibleStack(
        'feedback',
        MainStack,
        BugReportScreen,
        i18n.t('screens.feedback.title'),
      )}
    </MainStack.Navigator>
  );
}

type PropsType = {
  defaultHomeRoute: string | null,
  // eslint-disable-next-line flowtype/no-weak-types
  defaultHomeData: {[key: string]: string},
};

export default class MainNavigator extends React.Component<PropsType> {
  createTabNavigator: () => React.Node;

  constructor(props: PropsType) {
    super(props);
    this.createTabNavigator = (): React.Node => (
      <TabNavigator
        defaultHomeRoute={props.defaultHomeRoute}
        defaultHomeData={props.defaultHomeData}
      />
    );
  }

  render(): React.Node {
    return <MainStackComponent createTabNavigator={this.createTabNavigator} />;
  }
}