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