Progress on translations (#10142)

packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx

@@ -2,28 +2,33 @@ import { SettingsAccountsMessageChannelsContainer } from '@/settings/accounts/co
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SettingsPath } from '@/types/SettingsPath';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBarContainer';
+import { useLingui } from '@lingui/react/macro';
 import { Section } from 'twenty-ui';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 
-export const SettingsAccountsEmails = () => (
-  <SubMenuTopBarContainer
-    title="Emails"
-    links={[
-      {
-        children: 'User',
-        href: getSettingsPath(SettingsPath.ProfilePage),
-      },
-      {
-        children: 'Accounts',
-        href: getSettingsPath(SettingsPath.Accounts),
-      },
-      { children: 'Emails' },
-    ]}
-  >
-    <SettingsPageContainer>
-      <Section>
-        <SettingsAccountsMessageChannelsContainer />
-      </Section>
-    </SettingsPageContainer>
-  </SubMenuTopBarContainer>
-);
+export const SettingsAccountsEmails = () => {
+  const { t } = useLingui();
+
+  return (
+    <SubMenuTopBarContainer
+      title={t`Emails`}
+      links={[
+        {
+          children: t`User`,
+          href: getSettingsPath(SettingsPath.ProfilePage),
+        },
+        {
+          children: t`Accounts`,
+          href: getSettingsPath(SettingsPath.Accounts),
+        },
+        { children: t`Emails` },
+      ]}
+    >
+      <SettingsPageContainer>
+        <Section>
+          <SettingsAccountsMessageChannelsContainer />
+        </Section>
+      </SettingsPageContainer>
+    </SubMenuTopBarContainer>
+  );
+};

packages/twenty-front/src/pages/settings/admin-panel/SettingsAdmin.tsx

@@ -2,18 +2,21 @@ import { SettingsAdminContent } from '@/settings/admin-panel/components/Settings
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SettingsPath } from '@/types/SettingsPath';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBarContainer';
+import { useLingui } from '@lingui/react/macro';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 
 export const SettingsAdmin = () => {
+  const { t } = useLingui();
+
   return (
     <SubMenuTopBarContainer
-      title="Server Admin Panel"
+      title={t`Server Admin`}
       links={[
         {
-          children: 'Other',
+          children: t`Other`,
           href: getSettingsPath(SettingsPath.AdminPanel),
         },
-        { children: 'Server Admin Panel' },
+        { children: t`Server Admin Panel` },
       ]}
     >
       <SettingsPageContainer>

packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx

@@ -16,9 +16,9 @@ import { useTabList } from '@/ui/layout/tab/hooks/useTabList';
 import { isAdvancedModeEnabledState } from '@/ui/navigation/navigation-drawer/states/isAdvancedModeEnabledState';
 import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import styled from '@emotion/styled';
-import { t } from '@lingui/core/macro';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
+import { useLingui } from '@lingui/react/macro';
 import { isDefined } from 'twenty-shared';
 import {
   Button,
@@ -55,6 +55,7 @@ const StyledTitleContainer = styled.div`
 
 export const SettingsObjectDetailPage = () => {
   const navigateApp = useNavigateApp();
+  const { t } = useLingui();
 
   const { objectNamePlural = '' } = useParams();
   const { findActiveObjectMetadataItemByNamePlural } =
@@ -144,10 +145,10 @@ export const SettingsObjectDetailPage = () => {
         }
         links={[
           {
-            children: 'Workspace',
+            children: t`Workspace`,
             href: getSettingsPath(SettingsPath.Workspace),
           },
-          { children: 'Objects', href: getSettingsPath(SettingsPath.Objects) },
+          { children: t`Objects`, href: getSettingsPath(SettingsPath.Objects) },
           {
             children: objectMetadataItem.labelPlural,
           },
@@ -156,7 +157,7 @@ export const SettingsObjectDetailPage = () => {
           activeTabId === SETTINGS_OBJECT_DETAIL_TABS.TABS_IDS.FIELDS && (
             <UndecoratedLink to={'./new-field/select'}>
               <Button
-                title="New Field"
+                title={t`New Field`}
                 variant="primary"
                 size="small"
                 accent="blue"

packages/twenty-front/src/pages/settings/profile/appearance/components/SettingsExperience.tsx

@@ -35,7 +35,13 @@ export const SettingsExperience = () => {
       <SettingsPageContainer>
         <Section>
           <H2Title title={t`Appearance`} />
-          <ColorSchemePicker value={colorScheme} onChange={setColorScheme} />
+          <ColorSchemePicker
+            value={colorScheme}
+            onChange={setColorScheme}
+            lightLabel={t`Light`}
+            darkLabel={t`Dark`}
+            systemLabel={t`System settings`}
+          />
         </Section>
         <Section>
           <H2Title