Add translations

software-mansion-labs · Dec 22, 2023 · 792190c · 792190c
1 parent 0db1612
commit 792190c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -1507,6 +1507,10 @@ export default {
             notFound: 'No workspace found',
             description: 'Rooms are a great place to discuss and work with multiple people. To begin collaborating, create or join a workspace',
         },
+        switcher: {
+            headerTitle: 'Choose a workspace',
+            everythingSection: 'Everything',
+        },
         new: {
             newWorkspace: 'New workspace',
             getTheExpensifyCardAndMore: 'Get the Expensify Card and more',

diff --git a/src/languages/es.ts b/src/languages/es.ts
@@ -1530,6 +1530,10 @@ export default {
             notFound: 'No se encontró ningún espacio de trabajo',
             description: 'Las salas son un gran lugar para discutir y trabajar con varias personas. Para comenzar a colaborar, cree o únase a un espacio de trabajo',
         },
+        switcher: {
+            headerTitle: 'Elegir un espacio de trabajo',
+            everythingSection: 'Todo',
+        },
         new: {
             newWorkspace: 'Nuevo espacio de trabajo',
             getTheExpensifyCardAndMore: 'Consigue la Tarjeta Expensify y más',

diff --git a/src/pages/WorkspaceSwitcherPage.js b/src/pages/WorkspaceSwitcherPage.js
@@ -20,6 +20,7 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import SCREENS from '@src/SCREENS';
 import PressableWithFeedback from '@components/Pressable/PressableWithFeedback';
 import Icon from '@components/Icon';
+import useLocalize from '@hooks/useLocalize';
 import WorkspaceCardCreateAWorkspace from './workspace/card/WorkspaceCardCreateAWorkspace';
 
 const propTypes = {
@@ -60,6 +61,7 @@ function WorkspaceSwitcherPage({policies, activeWorkspaceID}) {
     const [selectedOption, setSelectedOption] = useState();
     const [searchTerm, setSearchTerm] = useState('');
     const {inputCallbackRef} = useAutoFocusInput();
+    const {translate} = useLocalize();
 
     const getIndicatorTypeForPolicy = useCallback(
         // TO DO: Wait for missing logic to be implemented in other PR
@@ -147,7 +149,7 @@ function WorkspaceSwitcherPage({policies, activeWorkspaceID}) {
                         style={styles.label}
                         color={theme.textSupporting}
                     >
-                        Everything
+                        {translate('workspace.switcher.everythingSection')}
                     </Text>
                 </View>
                 <View>
@@ -162,19 +164,7 @@ function WorkspaceSwitcherPage({policies, activeWorkspaceID}) {
                 </View>
             </>
         );
-    }, [
-        activeWorkspaceID,
-        getIndicatorTypeForPolicy,
-        hasUnreadData,
-        selectPolicy,
-        styles.alignItemsCenter,
-        styles.flexRow,
-        styles.justifyContentBetween,
-        styles.label,
-        styles.mb3,
-        styles.mh4,
-        theme.textSupporting,
-    ]);
+    }, [activeWorkspaceID, getIndicatorTypeForPolicy, hasUnreadData, selectPolicy, styles.alignItemsCenter, styles.flexRow, styles.justifyContentBetween, styles.label, styles.mb3, styles.mh4, theme.textSupporting, translate]);
 
     const workspacesSection = useMemo(
         () => (
@@ -186,7 +176,7 @@ function WorkspaceSwitcherPage({policies, activeWorkspaceID}) {
                         style={[styles.mt3, styles.label]}
                         color={theme.textSupporting}
                         >
-                        Workspaces
+                        {translate('common.workspaces')}
                     </Text>
                         </View>
                     <PressableWithFeedback role={CONST.ROLE.BUTTON}>
@@ -221,7 +211,7 @@ additionalStyles={[styles.buttonDefaultBG, styles.borderRadiusNormal, styles.p2,
                 /> : <WorkspaceCardCreateAWorkspace/>}
             </>
         ),
-        [inputCallbackRef, onChangeText, searchTerm, selectPolicy, selectedOption, styles.alignItemsEnd, styles.borderRadiusNormal, styles.buttonDefaultBG, styles.buttonHoveredBG, styles.flexRow, styles.justifyContentBetween, styles.label, styles.mb1, styles.mb3, styles.mh4, styles.mt0, styles.mt2, styles.mt3, styles.p2, styles.pt0, theme.textSupporting, usersWorkspaces.length, usersWorkspacesSectionData],
+        [inputCallbackRef, onChangeText, searchTerm, selectPolicy, selectedOption, styles.alignItemsEnd, styles.borderRadiusNormal, styles.buttonDefaultBG, styles.buttonHoveredBG, styles.flexRow, styles.justifyContentBetween, styles.label, styles.mb1, styles.mb3, styles.mh4, styles.mt0, styles.mt2, styles.mt3, styles.p2, styles.pt0, theme.textSupporting, translate, usersWorkspaces.length, usersWorkspacesSectionData],
     );
 
     useEffect(() => {
@@ -234,7 +224,7 @@ additionalStyles={[styles.buttonDefaultBG, styles.borderRadiusNormal, styles.p2,
 
     return (
         <HeaderPageLayout
-            title="Choose a workspace"
+            title={translate('workspace.switcher.headerTitle')}
             backgroundColor={theme.PAGE_THEMES[SCREENS.WORKSPACE_SWITCHER.ROOT].backgroundColor}
         >
             {everythingSection}