39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React, {useLayoutEffect} from 'react'
|
|
import {TouchableOpacity} from 'react-native'
|
|
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
|
|
import {Shell} from '../../shell'
|
|
import type {RootTabsScreenProps} from '../../routes/types'
|
|
import {ProfileFollowers as ProfileFollowersComponent} from '../../com/profile/ProfileFollowers'
|
|
|
|
export const ProfileFollowers = ({
|
|
navigation,
|
|
route,
|
|
}: RootTabsScreenProps<'ProfileFollowers'>) => {
|
|
const {name} = route.params
|
|
|
|
useLayoutEffect(() => {
|
|
navigation.setOptions({
|
|
headerShown: true,
|
|
headerTitle: 'Followers',
|
|
headerLeft: () => (
|
|
<TouchableOpacity onPress={() => navigation.goBack()}>
|
|
<FontAwesomeIcon icon="arrow-left" />
|
|
</TouchableOpacity>
|
|
),
|
|
})
|
|
}, [navigation])
|
|
|
|
const onNavigateContent = (screen: string, props: Record<string, string>) => {
|
|
// @ts-ignore it's up to the callers to supply correct params -prf
|
|
navigation.push(screen, props)
|
|
}
|
|
|
|
return (
|
|
<Shell>
|
|
<ProfileFollowersComponent
|
|
name={name}
|
|
onNavigateContent={onNavigateContent}
|
|
/>
|
|
</Shell>
|
|
)
|
|
}
|