jfilter/frag-den-staat-app

import {
  createStackNavigator,
  createMaterialTopTabNavigator,
} from 'react-navigation';
import Icon from 'react-native-vector-icons/MaterialIcons';
import React from 'react';

import {
  commonNavigationOptions,
  tabBarConfig,
  iconColor,
  iconSize,
} from './styles';
import FoiRequestsWebView from '../components/foiRequests/WebView';
import PdfViewer from '../components/screens/PdfViewer';
import SearchFoiRequestDetailsScreen from '../containers/search/SearchFoiRequestDetailsScreen';
import SearchPublicBodyDetailsScreen from '../containers/search/SearchPublicBodyDetailsScreen';
import SearchResultsFoiRequestsMasterScreen from '../containers/search/SearchResultsFoiRequestsMasterScreen';
import SearchResultsPublicBodiesMasterScreen from '../containers/search/SearchResultsPublicBodiesMasterScreen';
import SearchAlertScreen from '../containers/search/SearchAlertScreen';
import SearchStartScreen from '../containers/search/SearchStartScreen';
import I18n from '../i18n';

const SearchResultsNavigator = createMaterialTopTabNavigator(
  {
    SearchResultsFoiRequestsMaster: {
      screen: SearchResultsFoiRequestsMasterScreen,
    },
    SearchResultsPublicBodiesMaster: {
      screen: SearchResultsPublicBodiesMasterScreen,
    },
  },
  { ...tabBarConfig }
);

SearchResultsNavigator.navigationOptions = ({ navigation }) => {
  const query = navigation.getParam('query');
  const headerTitle = `"${query}"`;

  return {
    headerTitle,
  };
};

const SearchNavigator = createStackNavigator(
  {
    SearchStart: { screen: SearchStartScreen },
    SearchResults: { screen: SearchResultsNavigator },
    SearchFoiRequestDetails: { screen: SearchFoiRequestDetailsScreen },
    SearchPublicBodyDetails: { screen: SearchPublicBodyDetailsScreen },
    SearchPdfViewer: { screen: PdfViewer },
    SearchFoiRequestWebView: { screen: FoiRequestsWebView },
    SearchAlerts: { screen: SearchAlertScreen },
  },
  {
    navigationOptions: {
      ...commonNavigationOptions,
      tabBarLabel: I18n.t('search'),
      tabBarIcon: () => (
        <Icon size={iconSize} color={iconColor} name="search" />
      ),
    },
    defaultNavigationOptions: {
      ...commonNavigationOptions,
    },
  }
);

export default SearchNavigator;