tooot/src/screens/Tabs/Notifications.tsx

43 lines
1.3 KiB
TypeScript

import { HeaderCenter } from '@components/Header'
import Timeline from '@components/Timelines/Timeline'
import sharedScreens from '@screens/Tabs/Shared/sharedScreens'
import { getLocalActiveIndex } from '@utils/slices/instancesSlice'
import React from 'react'
import { useTranslation } from 'react-i18next'
import { Platform } from 'react-native'
import { createNativeStackNavigator } from 'react-native-screens/native-stack'
import { useSelector } from 'react-redux'
const Stack = createNativeStackNavigator<Nav.TabNotificationsStackParamList>()
const TabNotifications: React.FC = () => {
const { t } = useTranslation()
const localActiveIndex = useSelector(getLocalActiveIndex)
return (
<Stack.Navigator
screenOptions={{
headerLeft: () => null,
headerTitle: t('notifications:heading'),
...(Platform.OS === 'android' && {
headerCenter: () => (
<HeaderCenter content={t('notifications:heading')} />
)
}),
headerHideShadow: true,
headerTopInsetEnabled: false
}}
>
<Stack.Screen name='Tab-Notifications-Root'>
{() =>
localActiveIndex !== null ? <Timeline page='Notifications' /> : null
}
</Stack.Screen>
{sharedScreens(Stack as any)}
</Stack.Navigator>
)
}
export default TabNotifications