robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {msg, Trans} from '@lingui/macro'
2import {useLingui} from '@lingui/react'
3import {type NativeStackScreenProps} from '@react-navigation/native-stack'
4
5import {type AllNavigatorParams} from '#/lib/routes/types'
6import {PostFeed} from '#/view/com/posts/PostFeed'
7import {EmptyState} from '#/view/com/util/EmptyState'
8import {EditBig_Stroke1_Corner0_Rounded as EditIcon} from '#/components/icons/EditBig'
9import * as Layout from '#/components/Layout'
10import {ListFooter} from '#/components/Lists'
11
12type Props = NativeStackScreenProps<
13 AllNavigatorParams,
14 'NotificationsActivityList'
15>
16export function NotificationsActivityListScreen({
17 route: {
18 params: {posts},
19 },
20}: Props) {
21 const uris = decodeURIComponent(posts)
22 const {_} = useLingui()
23
24 return (
25 <Layout.Screen testID="NotificationsActivityListScreen">
26 <Layout.Header.Outer>
27 <Layout.Header.BackButton />
28 <Layout.Header.Content>
29 <Layout.Header.TitleText>
30 <Trans>Notifications</Trans>
31 </Layout.Header.TitleText>
32 </Layout.Header.Content>
33 <Layout.Header.Slot />
34 </Layout.Header.Outer>
35 <PostFeed
36 feed={`posts|${uris}`}
37 disablePoll
38 renderEmptyState={() => (
39 <EmptyState
40 icon={EditIcon}
41 iconSize="2xl"
42 message={_(msg`No posts here`)}
43 />
44 )}
45 renderEndOfFeed={() => <ListFooter />}
46 />
47 </Layout.Screen>
48 )
49}