robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {View} from 'react-native'
2import {msg, Trans} from '@lingui/macro'
3import {useLingui} from '@lingui/react'
4
5import {atoms as a, useTheme} from '#/alf'
6import {ButtonText} from '#/components/Button'
7import {BookmarkDeleteLarge} from '#/components/icons/Bookmark'
8import {Link} from '#/components/Link'
9import {Text} from '#/components/Typography'
10
11export function EmptyState() {
12 const t = useTheme()
13 const {_} = useLingui()
14
15 return (
16 <View
17 style={[
18 a.align_center,
19 {
20 paddingVertical: 64,
21 },
22 ]}>
23 <BookmarkDeleteLarge
24 width={64}
25 fill={t.atoms.text_contrast_medium.color}
26 />
27 <View style={[a.pt_sm]}>
28 <Text
29 style={[
30 a.text_lg,
31 a.font_medium,
32 a.text_center,
33 t.atoms.text_contrast_medium,
34 ]}>
35 <Trans>Nothing saved yet</Trans>
36 </Text>
37 </View>
38 <View style={[a.pt_2xl]}>
39 <Link
40 to="/"
41 action="navigate"
42 label={_(
43 msg({
44 message: `Go home`,
45 context: `Button to go back to the home timeline`,
46 }),
47 )}
48 size="small"
49 color="secondary">
50 <ButtonText>
51 <Trans context="Button to go back to the home timeline">
52 Go home
53 </Trans>
54 </ButtonText>
55 </Link>
56 </View>
57 </View>
58 )
59}