Add more translations (#9733)

packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx

@@ -9,8 +9,11 @@ import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
 import { SettingsAccountsBlocklistInput } from '@/settings/accounts/components/SettingsAccountsBlocklistInput';
 import { SettingsAccountsBlocklistTable } from '@/settings/accounts/components/SettingsAccountsBlocklistTable';
+import { useLingui } from '@lingui/react/macro';
 
 export const SettingsAccountsBlocklistSection = () => {
+  const { t } = useLingui();
+
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
 
   const { records: blocklist } = useFindManyRecords<BlocklistItem>({
@@ -40,8 +43,8 @@ export const SettingsAccountsBlocklistSection = () => {
   return (
     <Section>
       <H2Title
-        title="Blocklist"
-        description="Exclude the following people and domains from my email sync"
+        title={t`Blocklist`}
+        description={t`Exclude the following people and domains from my email sync`}
       />
       <SettingsAccountsBlocklistInput
         blockedEmailOrDomainList={blocklist.map((item) => item.handle)}

packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx

@@ -11,6 +11,7 @@ import {
 import { SettingsCard } from '@/settings/components/SettingsCard';
 import { SettingsPath } from '@/types/SettingsPath';
 import { useTheme } from '@emotion/react';
+import { useLingui } from '@lingui/react/macro';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 
 const StyledCardsContainer = styled.div`
@@ -24,12 +25,13 @@ const StyledCardsContainer = styled.div`
 `;
 
 export const SettingsAccountsSettingsSection = () => {
+  const { t } = useLingui();
   const theme = useTheme();
   return (
     <Section>
       <H2Title
-        title="Settings"
-        description="Configure your emails and calendar settings."
+        title={t`Settings`}
+        description={t`Configure your emails and calendar settings.`}
       />
       <StyledCardsContainer>
         <UndecoratedLink to={getSettingsPath(SettingsPath.AccountsEmails)}>
@@ -40,8 +42,8 @@ export const SettingsAccountsSettingsSection = () => {
                 stroke={theme.icon.stroke.sm}
               />
             }
-            title="Emails"
-            description="Set email visibility, manage your blocklist and more."
+            title={t`Emails`}
+            description={t`Set email visibility, manage your blocklist and more.`}
           />
         </UndecoratedLink>
         <UndecoratedLink to={getSettingsPath(SettingsPath.AccountsCalendars)}>
@@ -52,8 +54,8 @@ export const SettingsAccountsSettingsSection = () => {
                 stroke={theme.icon.stroke.sm}
               />
             }
-            title="Calendar"
-            description="Configure and customize your calendar preferences."
+            title={t`Calendar`}
+            description={t`Configure and customize your calendar preferences.`}
           />
         </UndecoratedLink>
       </StyledCardsContainer>

packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx

@@ -1,15 +1,16 @@
 import { H2Title, Section } from 'twenty-ui';
 
 import { SettingsAccountsListEmptyStateCard } from '@/settings/accounts/components/SettingsAccountsListEmptyStateCard';
+import { t } from '@lingui/core/macro';
 
 export const SettingsNewAccountSection = () => {
   return (
     <Section>
       <H2Title
-        title="New account"
-        description="Connect a new account to your workspace"
+        title={t`New account`}
+        description={t`Connect a new account to your workspace`}
       />
-      <SettingsAccountsListEmptyStateCard label="Connect a Google account" />
+      <SettingsAccountsListEmptyStateCard label={t`Connect a Google account`} />
     </Section>
   );
 };