forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
1import {msg} from '@lingui/core/macro'
2import {useLingui} from '@lingui/react'
3import {Trans} from '@lingui/react/macro'
4
5import {HELP_DESK_URL} from '#/lib/constants'
6import {usePalette} from '#/lib/hooks/usePalette'
7import {
8 type CommonNavigatorParams,
9 type NativeStackScreenProps,
10} from '#/lib/routes/types'
11import {s} from '#/lib/styles'
12import {TextLink} from '#/view/com/util/Link'
13import {Text} from '#/view/com/util/text/Text'
14import {ViewHeader} from '#/view/com/util/ViewHeader'
15import {CenteredView} from '#/view/com/util/Views'
16import * as Layout from '#/components/Layout'
17
18type Props = NativeStackScreenProps<CommonNavigatorParams, 'Support'>
19export const SupportScreen = (_props: Props) => {
20 const pal = usePalette('default')
21 const {_} = useLingui()
22
23 return (
24 <Layout.Screen>
25 <ViewHeader title={_(msg`Support`)} />
26 <CenteredView>
27 <Text type="title-xl" style={[pal.text, s.p20, s.pb5]}>
28 <Trans>Support</Trans>
29 </Text>
30 <Text style={[pal.text, s.p20]}>
31 <Trans>
32 The support form has been moved. If you need help, please{' '}
33 <TextLink
34 href={HELP_DESK_URL}
35 text={_(msg`click here`)}
36 style={pal.link}
37 />{' '}
38 or visit {HELP_DESK_URL} to get in touch with us.
39 </Trans>
40 </Text>
41 </CenteredView>
42 </Layout.Screen>
43 )
44}