quilling.dev
An ATproto social media client -- with an independent Appview.
fix profile feed liked by tablet offset (#9066)
samuel.fm
+13
-9
src/view/screens/ProfileFeedLikedBy.tsx
+13
-9
src/view/screens/ProfileFeedLikedBy.tsx
···
1
-
import React from 'react'
2
-
import {msg} from '@lingui/macro'
1
+
import {useCallback} from 'react'
2
+
import {Trans} from '@lingui/macro'
3
3
import {useLingui} from '@lingui/react'
4
4
import {useFocusEffect} from '@react-navigation/native'
5
5
···
10
10
import {makeRecordUri} from '#/lib/strings/url-helpers'
11
11
import {useSetMinimalShellMode} from '#/state/shell'
12
12
import {PostLikedBy as PostLikedByComponent} from '#/view/com/post-thread/PostLikedBy'
13
-
import {ViewHeader} from '#/view/com/util/ViewHeader'
14
-
import {CenteredView} from '#/view/com/util/Views'
15
13
import * as Layout from '#/components/Layout'
16
14
17
15
type Props = NativeStackScreenProps<CommonNavigatorParams, 'ProfileFeedLikedBy'>
···
22
20
const {_} = useLingui()
23
21
24
22
useFocusEffect(
25
-
React.useCallback(() => {
23
+
useCallback(() => {
26
24
setMinimalShellMode(false)
27
25
}, [setMinimalShellMode]),
28
26
)
29
27
30
28
return (
31
29
<Layout.Screen testID="postLikedByScreen">
32
-
<CenteredView sideBorders={true}>
33
-
<ViewHeader title={_(msg`Liked By`)} />
34
-
<PostLikedByComponent uri={uri} />
35
-
</CenteredView>
30
+
<Layout.Header.Outer>
31
+
<Layout.Header.BackButton />
32
+
<Layout.Header.Content>
33
+
<Layout.Header.TitleText>
34
+
<Trans>Liked By</Trans>
35
+
</Layout.Header.TitleText>
36
+
</Layout.Header.Content>
37
+
<Layout.Header.Slot />
38
+
</Layout.Header.Outer>
39
+
<PostLikedByComponent uri={uri} />
36
40
</Layout.Screen>
37
41
)
38
42
}