<commit_before>import React from 'react'

import { TabNavigator } from 'react-navigation'

import { HomeNavigatorTab } from '../home/navigationConfiguration'
import { SessionNavigatorTab } from '../sessions/navigationConfiguration'
import { SettingsNavigatorTab } from '../settings/navigationConfiguration'

import style from '../../common/style'
import FontAwesome from 'react-native-vector-icons/FontAwesome'

// eslint-disable-next-line
const Icon = (icon: string) => ({ tintColor}) =>
  ( <FontAwesome size={ 30 } name={icon} color={tintColor}/> )

const routeConfiguration = {
    HomeNavigatorTab: { 
      screen: HomeNavigatorTab,
      navigationOptions: {            
        tabBarIcon: Icon('home')
      },
     },
    SessionNavigatorTab: {
      screen: SessionNavigatorTab,
      navigationOptions: {            
        tabBarIcon: Icon('calendar-minus-o')
      },
    }, 
    SettingsNavigatorTab : { 
      screen: SettingsNavigatorTab,
      navigationOptions: {
        tabBarIcon: Icon('cog')
      },
    }
}

const tabBarConfiguration = {
    tabBarPosition: 'bottom',
    tabBarOptions: {
      showIcon: true,
      showLabel: false,
  // tint color is passed to text and icons (if enabled) on the tab bar
      activeTintColor: style.colors.color3,
      inactiveTintColor: style.colors.secondary,
  // background color is for the tab component
      activeBackgroundColor: style.colors.background,
      inactiveBackgroundColor: style.colors.background,
      activeBorderBottomColor: style.colors.color1,
      style: {
        backgroundColor: style.colors.background,
        borderTopWidth: 2,
        borderTopColor: style.colors.color1,        
      },
      indicatorStyle: {
        backgroundColor: style.colors.color4,
      },
      iconStyle: {
        width: 100,
        height: 100,
        paddingBottom: 10,
      }
   }
}

export const tabBarReducer = (state, action) => {
  if (action.type === 'JUMP_TO_TAB') {
    return { ...state, ...action.payload }
  } else {
    return TabBar.router.getStateForAction(action, state)
  }
}

export const TabBar = TabNavigator(routeConfiguration, tabBarConfiguration)
<commit_msg>styling on tab bar to make it smaller<commit_after>import React from 'react'

import { TabNavigator } from 'react-navigation'

import { HomeNavigatorTab } from '../home/navigationConfiguration'
import { SessionNavigatorTab } from '../sessions/navigationConfiguration'
import { SettingsNavigatorTab } from '../settings/navigationConfiguration'

import style from '../../common/style'
import FontAwesome from 'react-native-vector-icons/FontAwesome'

// eslint-disable-next-line
const Icon = (icon: string) => ({ tintColor}) =>
  ( <FontAwesome size={ 30 } name={icon} color={tintColor}/> )

const routeConfiguration = {
    HomeNavigatorTab: { 
      screen: HomeNavigatorTab,
      navigationOptions: {            
        tabBarIcon: Icon('home')
      },
     },
    SessionNavigatorTab: {
      screen: SessionNavigatorTab,
      navigationOptions: {            
        tabBarIcon: Icon('calendar-minus-o')
      },
    }, 
    SettingsNavigatorTab : { 
      screen: SettingsNavigatorTab,
      navigationOptions: {
        tabBarIcon: Icon('cog')
      },
    }
}

const tabBarConfiguration = {
    tabBarPosition: 'bottom',
    tabBarOptions: {
      showIcon: true,
      showLabel: false,
  // tint color is passed to text and icons (if enabled) on the tab bar
      activeTintColor: style.colors.color3,
      inactiveTintColor: style.colors.secondary,
  // background color is for the tab component
      activeBackgroundColor: style.colors.background,
      inactiveBackgroundColor: style.colors.background,
      activeBorderBottomColor: style.colors.color1,
      style: {
        backgroundColor: style.colors.background,
        borderTopWidth: 2,
        borderTopColor: style.colors.color1,        
      },
      indicatorStyle: {
        backgroundColor: style.colors.color4,
      },
      iconStyle: {
        width: 70,
        height: 70,
        paddingBottom: 10,
      }
   }
}

export const tabBarReducer = (state, action) => {
  if (action.type === 'JUMP_TO_TAB') {
    return { ...state, ...action.payload }
  } else {
    return TabBar.router.getStateForAction(action, state)
  }
}

export const TabBar = TabNavigator(routeConfiguration, tabBarConfiguration)

{'fraction_non_alphanumeric': 0.10973370064279155, 'fraction_numerical': 0.006427915518824609, 'mean_word_length': 2.8219298245614035, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5449851', 'n_tokens_mistral': 1265, 'n_tokens_neox': 1229, 'n_words': 279}