fix

ios/patching/008-social-app-ios-policy-tos-error.patch

@@ -1,8 +1,8 @@
 diff --git a/src/view/screens/PrivacyPolicy.tsx b/src/view/screens/PrivacyPolicy.tsx
-index a89eaadc4..1da393f03 100644
+index a89eaadc4..787a1409b 100644
 --- a/src/view/screens/PrivacyPolicy.tsx
 +++ b/src/view/screens/PrivacyPolicy.tsx
-@@ -1,52 +1,13 @@
+@@ -1,51 +1,28 @@
  import React from 'react'
 -import {View} from 'react-native'
 -import {msg, Trans} from '@lingui/macro'
@@ -19,7 +19,7 @@ index a89eaadc4..1da393f03 100644
 -import {TextLink} from '#/view/com/util/Link'
 -import {Text} from '#/view/com/util/text/Text'
 -import {ScrollView} from '#/view/com/util/Views'
-+import { WebView } from 'react-native-webview'
++import { ScrollView } from 'react-native'
  import * as Layout from '#/components/Layout'
 -import {ViewHeader} from '../com/util/ViewHeader'
 -
@@ -28,16 +28,19 @@ index a89eaadc4..1da393f03 100644
 -  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]),
 -  )
-+import {useSetTitle} from '#/lib/hooks/useSetTitle'
- 
 +export function PrivacyPolicyScreen() {
 +  useSetTitle('Privacy Policy')
++  const t = useTheme()
+ 
    return (
      <Layout.Screen>
 -      <ViewHeader title={_(msg`Privacy Policy`)} />
@@ -55,16 +58,26 @@ index a89eaadc4..1da393f03 100644
 -          </Text>
 -        </View>
 -        <View style={s.footerSpacer} />
--      </ScrollView>
++      <ScrollView
-+      <WebView source={{ uri: 'https://syu.is/about/support/privacy-policy' }} style={{ flex: 1 }} />
++        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..b81767bd5 100644
+index d843c713c..28333cc5b 100644
 --- a/src/view/screens/TermsOfService.tsx
 +++ b/src/view/screens/TermsOfService.tsx
-@@ -1,50 +1,13 @@
+@@ -1,49 +1,28 @@
  import React from 'react'
 -import {View} from 'react-native'
 -import {msg, Trans} from '@lingui/macro'
@@ -81,7 +94,7 @@ index d843c713c..b81767bd5 100644
 -import {TextLink} from '#/view/com/util/Link'
 -import {Text} from '#/view/com/util/text/Text'
 -import {ScrollView} from '#/view/com/util/Views'
-+import { WebView } from 'react-native-webview'
++import { ScrollView } from 'react-native'
  import * as Layout from '#/components/Layout'
 -import {ViewHeader} from '../com/util/ViewHeader'
 -
@@ -90,16 +103,19 @@ index d843c713c..b81767bd5 100644
 -  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]),
 -  )
-+import {useSetTitle} from '#/lib/hooks/useSetTitle'
- 
 +export function TermsOfServiceScreen() {
 +  useSetTitle('Terms of Service')
++  const t = useTheme()
+ 
    return (
      <Layout.Screen>
 -      <ViewHeader title={_(msg`Terms of Service`)} />
@@ -115,8 +131,18 @@ index d843c713c..b81767bd5 100644
 -          </Text>
 -        </View>
 -        <View style={s.footerSpacer} />
--      </ScrollView>
++      <ScrollView
-+      <WebView source={{ uri: 'https://syu.is/about/support/tos' }} style={{ flex: 1 }} />
++        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>
    )
- }