Add policy links to left nav and settings page (#2300)

src/view/screens/Settings.tsx

@@ -20,7 +20,7 @@ import * as AppInfo from 'lib/app-info'
 import {s, colors} from 'lib/styles'
 import {ScrollView} from '../com/util/Views'
 import {ViewHeader} from '../com/util/ViewHeader'
-import {Link} from '../com/util/Link'
+import {Link, TextLink} from '../com/util/Link'
 import {Text} from '../com/util/text/Text'
 import * as Toast from '../com/util/Toast'
 import {UserAvatar} from '../com/util/UserAvatar'
@@ -721,7 +721,7 @@ export function SettingsScreen({}: Props) {
             </Text>
           </TouchableOpacity>
           <Text type="sm" style={[pal.textLight]}>
-            &middot; &nbsp;
+            &nbsp; &middot; &nbsp;
           </Text>
           <TouchableOpacity
             accessibilityRole="button"
@@ -731,6 +731,25 @@ export function SettingsScreen({}: Props) {
             </Text>
           </TouchableOpacity>
         </View>
+
+        <View
+          style={[
+            {flexWrap: 'wrap', gap: 12, paddingHorizontal: 18},
+            s.flexRow,
+          ]}>
+          <TextLink
+            type="md"
+            style={pal.link}
+            href="https://blueskyweb.xyz/support/tos"
+            text={_(msg`Terms of Service`)}
+          />
+          <TextLink
+            type="md"
+            style={pal.link}
+            href="https://blueskyweb.xyz/support/privacy-policy"
+            text={_(msg`Privacy Policy`)}
+          />
+        </View>
         <View style={s.footerSpacer} />
       </ScrollView>
     </View>

src/view/shell/Drawer.tsx

@@ -51,6 +51,7 @@ import {useUnreadNotifications} from '#/state/queries/notifications/unread'
 import {emitSoftReset} from '#/state/events'
 import {useInviteCodesQuery} from '#/state/queries/invites'
 import {NavSignupCard} from '#/view/shell/NavSignupCard'
+import {TextLink} from '../com/util/Link'
 
 let DrawerProfileCard = ({
   account,
@@ -106,6 +107,7 @@ export {DrawerProfileCard}
 let DrawerContent = ({}: {}): React.ReactNode => {
   const theme = useTheme()
   const pal = usePalette('default')
+  const {_} = useLingui()
   const setDrawerOpen = useSetDrawerOpen()
   const navigation = useNavigation<NavigationProp>()
   const {track} = useAnalytics()
@@ -244,6 +246,23 @@ let DrawerContent = ({}: {}): React.ReactNode => {
             <SearchMenuItem isActive={isAtSearch} onPress={onPressSearch} />
           )}
 
+          <View style={styles.smallSpacer} />
+
+          <View style={[{flexWrap: 'wrap', gap: 12}, s.flexCol]}>
+            <TextLink
+              type="md"
+              style={pal.link}
+              href="https://blueskyweb.xyz/support/tos"
+              text={_(msg`Terms of Service`)}
+            />
+            <TextLink
+              type="md"
+              style={pal.link}
+              href="https://blueskyweb.xyz/support/privacy-policy"
+              text={_(msg`Privacy Policy`)}
+            />
+          </View>
+
           <View style={styles.smallSpacer} />
           <View style={styles.smallSpacer} />
         </ScrollView>