add link

src/view/screens/Settings/index.tsx

@@ -24,6 +24,7 @@ import {clearLegacyStorage} from '#/state/persisted/legacy'
 import {clear as clearStorage} from '#/state/persisted/store'
 import {
   useInAppBrowser,
+  useOpenLink,
   useSetInAppBrowser,
 } from '#/state/preferences/in-app-browser'
 import {useClearPreferencesMutation} from '#/state/queries/preferences'
@@ -169,6 +170,7 @@ export function SettingsScreen({}: Props) {
   const {setColorMode, setDarkTheme} = useSetThemePrefs()
   const pal = usePalette('default')
   const {_} = useLingui()
+  const openLink = useOpenLink()
   const setMinimalShellMode = useSetMinimalShellMode()
   const inAppBrowserPref = useInAppBrowser()
   const setUseInAppBrowser = useSetInAppBrowser()
@@ -872,29 +874,38 @@ export function SettingsScreen({}: Props) {
           </TouchableOpacity>
         </View>
 
-        <View
+        <View style={[{gap: 12, paddingHorizontal: 18, paddingTop: 8}]}>
-          style={[
+          <View style={{flexDirection: 'row', gap: 24}}>
-            {flexWrap: 'wrap', gap: 12, paddingHorizontal: 18},
+            <TextLink
-            s.flexRow,
+              type="md"
-          ]}>
+              style={[s.flex1, pal.link]}
-          <TextLink
+              href="https://bsky.social/about/support/tos"
-            type="md"
+              text={_(msg`Terms of Service`)}
-            style={pal.link}
+            />
-            href="https://bsky.social/about/support/tos"
+            <TextLink
-            text={_(msg`Terms of Service`)}
+              type="md"
-          />
+              style={[s.flex1, pal.link]}
-          <TextLink
+              href="https://bsky.social/about/support/privacy-policy"
-            type="md"
+              text={_(msg`Privacy Policy`)}
-            style={pal.link}
+            />
-            href="https://bsky.social/about/support/privacy-policy"
+          </View>
-            text={_(msg`Privacy Policy`)}
+          <View style={{flexDirection: 'row', gap: 24}}>
-          />
+            <TextLink
-          <TextLink
+              type="md"
-            type="md"
+              style={[s.flex1, pal.link]}
-            style={pal.link}
+              href="https://bsky.app/ACKNOWLEDGEMENTS.txt"
-            href={STATUS_PAGE_URL}
+              onPress={() => {
-            text={_(msg`Status Page`)}
+                openLink('https://bsky.app/ACKNOWLEDGEMENTS.txt')
-          />
+              }}
+              text={_(msg`Acknowledgements`)}
+            />
+            <TextLink
+              type="md"
+              style={[s.flex1, pal.link]}
+              href={STATUS_PAGE_URL}
+              text={_(msg`Status Page`)}
+            />
+          </View>
         </View>
         <View style={s.footerSpacer} />
       </ScrollView>