bfe196bac5
* WIP * Add shell state * Integrate new shell state for drawer and minimal shell mode * Replace isDrawerSwipeDisabled * Split shell state into separate contexts to avoid needless re-renders * Fix typo --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
29 lines
1 KiB
TypeScript
29 lines
1 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
import {useFocusEffect} from '@react-navigation/native'
|
|
import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
|
|
import {withAuthRequired} from 'view/com/auth/withAuthRequired'
|
|
import {ViewHeader} from '../com/util/ViewHeader'
|
|
import {PostLikedBy as PostLikedByComponent} from '../com/post-thread/PostLikedBy'
|
|
import {makeRecordUri} from 'lib/strings/url-helpers'
|
|
import {useSetMinimalShellMode} from '#/state/shell'
|
|
|
|
type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFeedLikedBy'>
|
|
export const ProfileFeedLikedByScreen = withAuthRequired(({route}: Props) => {
|
|
const setMinimalShellMode = useSetMinimalShellMode()
|
|
const {name, rkey} = route.params
|
|
const uri = makeRecordUri(name, 'app.bsky.feed.generator', rkey)
|
|
|
|
useFocusEffect(
|
|
React.useCallback(() => {
|
|
setMinimalShellMode(false)
|
|
}, [setMinimalShellMode]),
|
|
)
|
|
|
|
return (
|
|
<View>
|
|
<ViewHeader title="Liked by" />
|
|
<PostLikedByComponent uri={uri} />
|
|
</View>
|
|
)
|
|
})
|