2021-01-26 12:17:25 +01:00
|
|
|
import analytics from '@components/analytics'
|
|
|
|
import { HeaderCenter, HeaderRight } from '@components/Header'
|
2021-02-08 23:47:20 +01:00
|
|
|
import Timeline from '@components/Timeline'
|
2021-01-30 01:29:15 +01:00
|
|
|
import { BottomTabScreenProps } from '@react-navigation/bottom-tabs'
|
|
|
|
import { ScreenTabsParamList } from '@screens/Tabs'
|
2021-01-26 12:17:25 +01:00
|
|
|
import { getLocalActiveIndex } from '@utils/slices/instancesSlice'
|
2021-02-08 23:19:55 +01:00
|
|
|
import React, { useCallback, useMemo } from 'react'
|
2021-01-26 12:17:25 +01:00
|
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import { Platform } from 'react-native'
|
|
|
|
import { createNativeStackNavigator } from 'react-native-screens/native-stack'
|
|
|
|
import { useSelector } from 'react-redux'
|
|
|
|
import sharedScreens from './Shared/sharedScreens'
|
|
|
|
|
2021-01-30 01:29:15 +01:00
|
|
|
export type TabLocalProp = BottomTabScreenProps<
|
|
|
|
ScreenTabsParamList,
|
|
|
|
'Tab-Local'
|
|
|
|
>
|
2020-10-24 16:44:32 +02:00
|
|
|
|
2021-01-30 01:29:15 +01:00
|
|
|
const Stack = createNativeStackNavigator<Nav.TabLocalStackParamList>()
|
|
|
|
|
|
|
|
const TabLocal = React.memo(
|
|
|
|
({ navigation }: TabLocalProp) => {
|
2021-01-26 12:17:25 +01:00
|
|
|
const { t } = useTranslation('local')
|
|
|
|
const localActiveIndex = useSelector(getLocalActiveIndex)
|
|
|
|
|
2021-02-08 23:19:55 +01:00
|
|
|
const screenOptions = useMemo(
|
|
|
|
() => ({
|
|
|
|
headerHideShadow: true,
|
|
|
|
headerTopInsetEnabled: false
|
|
|
|
}),
|
|
|
|
[]
|
|
|
|
)
|
|
|
|
const screenOptionsRoot = useMemo(
|
|
|
|
() => ({
|
|
|
|
headerTitle: t('heading'),
|
|
|
|
...(Platform.OS === 'android' && {
|
|
|
|
headerCenter: () => <HeaderCenter content={t('heading')} />
|
|
|
|
}),
|
|
|
|
headerRight: () => (
|
|
|
|
<HeaderRight
|
|
|
|
content='Search'
|
|
|
|
onPress={() => {
|
|
|
|
analytics('search_tap', { page: 'Local' })
|
|
|
|
navigation.navigate('Tab-Local', { screen: 'Tab-Shared-Search' })
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
)
|
|
|
|
}),
|
|
|
|
[]
|
|
|
|
)
|
|
|
|
const children = useCallback(
|
|
|
|
() => (localActiveIndex !== null ? <Timeline page='Following' /> : null),
|
|
|
|
[]
|
|
|
|
)
|
2021-01-26 12:17:25 +01:00
|
|
|
|
|
|
|
return (
|
2021-02-08 23:19:55 +01:00
|
|
|
<Stack.Navigator screenOptions={screenOptions}>
|
2021-01-30 01:29:15 +01:00
|
|
|
<Stack.Screen
|
|
|
|
name='Tab-Local-Root'
|
2021-02-08 23:19:55 +01:00
|
|
|
options={screenOptionsRoot}
|
|
|
|
children={children}
|
|
|
|
/>
|
2021-01-26 12:17:25 +01:00
|
|
|
{sharedScreens(Stack as any)}
|
|
|
|
</Stack.Navigator>
|
|
|
|
)
|
2021-01-22 01:34:20 +01:00
|
|
|
},
|
|
|
|
() => true
|
|
|
|
)
|
2020-10-31 21:04:46 +01:00
|
|
|
|
2021-01-30 01:29:15 +01:00
|
|
|
export default TabLocal
|