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