149 lines
5.3 KiB
Diff
149 lines
5.3 KiB
Diff
diff --git a/src/view/screens/PrivacyPolicy.tsx b/src/view/screens/PrivacyPolicy.tsx
|
|
index a89eaadc4..045f660ef 100644
|
|
--- a/src/view/screens/PrivacyPolicy.tsx
|
|
+++ b/src/view/screens/PrivacyPolicy.tsx
|
|
@@ -1,51 +1,28 @@
|
|
import React from 'react'
|
|
-import {View} from 'react-native'
|
|
-import {msg, Trans} from '@lingui/macro'
|
|
-import {useLingui} from '@lingui/react'
|
|
-import {useFocusEffect} from '@react-navigation/native'
|
|
-
|
|
-import {usePalette} from '#/lib/hooks/usePalette'
|
|
-import {
|
|
- type CommonNavigatorParams,
|
|
- type NativeStackScreenProps,
|
|
-} from '#/lib/routes/types'
|
|
-import {s} from '#/lib/styles'
|
|
-import {useSetMinimalShellMode} from '#/state/shell'
|
|
-import {TextLink} from '#/view/com/util/Link'
|
|
-import {Text} from '#/view/com/util/text/Text'
|
|
-import {ScrollView} from '#/view/com/util/Views'
|
|
+import {ScrollView} from 'react-native'
|
|
import * as Layout from '#/components/Layout'
|
|
-import {ViewHeader} from '../com/util/ViewHeader'
|
|
-
|
|
-type Props = NativeStackScreenProps<CommonNavigatorParams, 'PrivacyPolicy'>
|
|
-export const PrivacyPolicyScreen = (_props: Props) => {
|
|
- const pal = usePalette('default')
|
|
- const {_} = useLingui()
|
|
- const setMinimalShellMode = useSetMinimalShellMode()
|
|
+import {useSetTitle} from '#/lib/hooks/useSetTitle'
|
|
+import {atoms as a, useTheme} from '#/alf'
|
|
+import {Text} from '#/components/Typography'
|
|
|
|
- useFocusEffect(
|
|
- React.useCallback(() => {
|
|
- setMinimalShellMode(false)
|
|
- }, [setMinimalShellMode]),
|
|
- )
|
|
+export function PrivacyPolicyScreen() {
|
|
+ useSetTitle('Privacy Policy')
|
|
+ const t = useTheme()
|
|
|
|
return (
|
|
<Layout.Screen>
|
|
- <ViewHeader title={_(msg`Privacy Policy`)} />
|
|
- <ScrollView style={[s.hContentRegion, pal.view]}>
|
|
- <View style={[s.p20]}>
|
|
- <Text style={pal.text}>
|
|
- <Trans>
|
|
- The Privacy Policy has been moved to{' '}
|
|
- <TextLink
|
|
- style={pal.link}
|
|
- href="https://bsky.social/about/support/privacy-policy"
|
|
- text="bsky.social/about/support/privacy-policy"
|
|
- />
|
|
- </Trans>
|
|
- </Text>
|
|
- </View>
|
|
- <View style={s.footerSpacer} />
|
|
+ <ScrollView
|
|
+ style={[a.flex_1, {backgroundColor: t.palette.white}]}
|
|
+ contentContainerStyle={[a.p_lg, a.pt_5xl, a.pb_5xl]}>
|
|
+ <Text style={[a.text_2xl, a.font_bold, a.mb_lg]}>Privacy Policy</Text>
|
|
+
|
|
+ <Text style={[a.mb_md]}>
|
|
+ Please refer to the following page for the Privacy Policy.
|
|
+ </Text>
|
|
+
|
|
+ <Text style={[a.text_md, a.mb_md, {color: t.palette.primary_500}]}>
|
|
+ https://syu.is/about/support/privacy-policy
|
|
+ </Text>
|
|
</ScrollView>
|
|
</Layout.Screen>
|
|
)
|
|
diff --git a/src/view/screens/TermsOfService.tsx b/src/view/screens/TermsOfService.tsx
|
|
index d843c713c..324b270af 100644
|
|
--- a/src/view/screens/TermsOfService.tsx
|
|
+++ b/src/view/screens/TermsOfService.tsx
|
|
@@ -1,49 +1,28 @@
|
|
import React from 'react'
|
|
-import {View} from 'react-native'
|
|
-import {msg, Trans} from '@lingui/macro'
|
|
-import {useLingui} from '@lingui/react'
|
|
-import {useFocusEffect} from '@react-navigation/native'
|
|
-
|
|
-import {usePalette} from '#/lib/hooks/usePalette'
|
|
-import {
|
|
- type CommonNavigatorParams,
|
|
- type NativeStackScreenProps,
|
|
-} from '#/lib/routes/types'
|
|
-import {s} from '#/lib/styles'
|
|
-import {useSetMinimalShellMode} from '#/state/shell'
|
|
-import {TextLink} from '#/view/com/util/Link'
|
|
-import {Text} from '#/view/com/util/text/Text'
|
|
-import {ScrollView} from '#/view/com/util/Views'
|
|
+import {ScrollView} from 'react-native'
|
|
import * as Layout from '#/components/Layout'
|
|
-import {ViewHeader} from '../com/util/ViewHeader'
|
|
-
|
|
-type Props = NativeStackScreenProps<CommonNavigatorParams, 'TermsOfService'>
|
|
-export const TermsOfServiceScreen = (_props: Props) => {
|
|
- const pal = usePalette('default')
|
|
- const setMinimalShellMode = useSetMinimalShellMode()
|
|
- const {_} = useLingui()
|
|
+import {useSetTitle} from '#/lib/hooks/useSetTitle'
|
|
+import {atoms as a, useTheme} from '#/alf'
|
|
+import {Text} from '#/components/Typography'
|
|
|
|
- useFocusEffect(
|
|
- React.useCallback(() => {
|
|
- setMinimalShellMode(false)
|
|
- }, [setMinimalShellMode]),
|
|
- )
|
|
+export function TermsOfServiceScreen() {
|
|
+ useSetTitle('Terms of Service')
|
|
+ const t = useTheme()
|
|
|
|
return (
|
|
<Layout.Screen>
|
|
- <ViewHeader title={_(msg`Terms of Service`)} />
|
|
- <ScrollView style={[s.hContentRegion, pal.view]}>
|
|
- <View style={[s.p20]}>
|
|
- <Text style={pal.text}>
|
|
- <Trans>The Terms of Service have been moved to</Trans>{' '}
|
|
- <TextLink
|
|
- style={pal.link}
|
|
- href="https://bsky.social/about/support/tos"
|
|
- text="bsky.social/about/support/tos"
|
|
- />
|
|
- </Text>
|
|
- </View>
|
|
- <View style={s.footerSpacer} />
|
|
+ <ScrollView
|
|
+ style={[a.flex_1, {backgroundColor: t.palette.white}]}
|
|
+ contentContainerStyle={[a.p_lg, a.pt_5xl, a.pb_5xl]}>
|
|
+ <Text style={[a.text_2xl, a.font_bold, a.mb_lg]}>Terms of Service</Text>
|
|
+
|
|
+ <Text style={[a.mb_md]}>
|
|
+ Please refer to the following page for the Terms of Service.
|
|
+ </Text>
|
|
+
|
|
+ <Text style={[a.text_md, a.mb_md, {color: t.palette.primary_500}]}>
|
|
+ https://syu.is/about/support/tos
|
|
+ </Text>
|
|
</ScrollView>
|
|
</Layout.Screen>
|
|
)
|