From 4c7850f8c48a0cb3f83f33b1701a99066c6b31db Mon Sep 17 00:00:00 2001 From: Ansh Date: Thu, 9 Nov 2023 10:04:16 -0800 Subject: 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 --- src/view/shell/Drawer.tsx | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) (limited to 'src/view/shell/Drawer.tsx') diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index c8b3e0917..99e1d7d98 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -43,6 +43,8 @@ import {NavigationProp} from 'lib/routes/types' import {useNavigationTabState} from 'lib/hooks/useNavigationTabState' import {isWeb} from 'platform/detection' import {formatCount, formatCountShortOnly} from 'view/com/util/numeric/format' +import {Trans, msg} from '@lingui/macro' +import {useLingui} from '@lingui/react' import {useSetDrawerOpen} from '#/state/shell' import {useModalControls} from '#/state/modals' @@ -50,6 +52,7 @@ export const DrawerContent = observer(function DrawerContentImpl() { const theme = useTheme() const pal = usePalette('default') const store = useStores() + const {_} = useLingui() const setDrawerOpen = useSetDrawerOpen() const navigation = useNavigation() const {track} = useAnalytics() @@ -158,7 +161,7 @@ export const DrawerContent = observer(function DrawerContentImpl() { } label="Lists" - accessibilityLabel="Lists" + accessibilityLabel={_(msg`Lists`)} accessibilityHint="" onPress={onPressLists} /> } label="Moderation" - accessibilityLabel="Moderation" + accessibilityLabel={_(msg`Moderation`)} accessibilityHint="" onPress={onPressModeration} /> @@ -322,7 +325,7 @@ export const DrawerContent = observer(function DrawerContentImpl() { ) } label="Profile" - accessibilityLabel="Profile" + accessibilityLabel={_(msg`Profile`)} accessibilityHint="" onPress={onPressProfile} /> @@ -335,7 +338,7 @@ export const DrawerContent = observer(function DrawerContentImpl() { /> } label="Settings" - accessibilityLabel="Settings" + accessibilityLabel={_(msg`Settings`)} accessibilityHint="" onPress={onPressSettings} /> @@ -346,7 +349,7 @@ export const DrawerContent = observer(function DrawerContentImpl() { - Feedback + Feedback - Help + Help -- cgit 1.4.1