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