Internationalization & localization (#1822)

* install and setup lingui

* setup dynamic locale activation and async loading

* first pass of automated replacement of text messages

* add some more documentaton

* fix nits

* add `es` and `hi`locales for testing purposes

* make accessibilityLabel localized

* compile and extract new messages

* fix merge conflicts

* fix eslint warning

* change instructions from sending email to opening PR

* fix comments

1 files changed, 6 insertions, 3 deletions

diff --git a/src/view/com/modals/SwitchAccount.tsx b/src/view/com/modals/SwitchAccount.tsx
index d5fa32692..1d9457995 100644
--- a/src/view/com/modals/SwitchAccount.tsx
+++ b/src/view/com/modals/SwitchAccount.tsx
@@ -17,12 +17,15 @@ import {Link} from '../util/Link'
 import {makeProfileLink} from 'lib/routes/links'
 import {BottomSheetScrollView} from '@gorhom/bottom-sheet'
 import {Haptics} from 'lib/haptics'
+import {Trans, msg} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
 
 export const snapPoints = ['40%', '90%']
 
 export function Component({}: {}) {
   const pal = usePalette('default')
   const {track} = useAnalytics()
+  const {_: _lingui} = useLingui()
 
   const store = useStores()
   const [isSwitching, _, onPressSwitchAccount] = useAccountSwitcher()
@@ -41,7 +44,7 @@ export function Component({}: {}) {
       style={[styles.container, pal.view]}
       contentContainerStyle={[styles.innerContainer, pal.view]}>
       <Text type="title-xl" style={[styles.title, pal.text]}>
-        Switch Account
+        <Trans>Switch Account</Trans>
       </Text>
       {isSwitching ? (
         <View style={[pal.view, styles.linkCard]}>
@@ -65,10 +68,10 @@ export function Component({}: {}) {
               testID="signOutBtn"
               onPress={isSwitching ? undefined : onPressSignout}
               accessibilityRole="button"
-              accessibilityLabel="Sign out"
+              accessibilityLabel={_lingui(msg`Sign out`)}
               accessibilityHint={`Signs ${store.me.displayName} out of Bluesky`}>
               <Text type="lg" style={pal.link}>
-                Sign out
+                <Trans>Sign out</Trans>
               </Text>
             </TouchableOpacity>
           </View>