Add logged out translations (#9983)

Add translation for logged in / sub pages

packages/twenty-front/src/pages/auth/PasswordReset.tsx

@@ -136,14 +136,14 @@ export const PasswordReset = () => {
       });
 
       if (!data?.updatePasswordViaResetToken.success) {
-        enqueueSnackBar('There was an error while updating password.', {
+        enqueueSnackBar(t`There was an error while updating password.`, {
           variant: SnackBarVariant.Error,
         });
         return;
       }
 
       if (isLoggedIn) {
-        enqueueSnackBar('Password has been updated', {
+        enqueueSnackBar(t`Password has been updated`, {
           variant: SnackBarVariant.Success,
         });
         navigate(AppPath.Index);
@@ -159,7 +159,7 @@ export const PasswordReset = () => {
       enqueueSnackBar(
         err instanceof Error
           ? err.message
-          : 'An error occurred while updating password',
+          : t`An error occurred while updating password`,
         {
           variant: SnackBarVariant.Error,
         },

packages/twenty-front/src/pages/auth/SignInUp.tsx

@@ -21,9 +21,10 @@ import { useMemo } from 'react';
 import { isDefined } from 'twenty-shared';
 import { AnimatedEaseIn } from 'twenty-ui';
 
+import { useWorkspaceFromInviteHash } from '@/auth/sign-in-up/hooks/useWorkspaceFromInviteHash';
+import { useLingui } from '@lingui/react/macro';
 import { useSearchParams } from 'react-router-dom';
 import { PublicWorkspaceDataOutput } from '~/generated-metadata/graphql';
-import { useWorkspaceFromInviteHash } from '@/auth/sign-in-up/hooks/useWorkspaceFromInviteHash';
 
 const StandardContent = ({
   workspacePublicData,
@@ -49,6 +50,8 @@ const StandardContent = ({
 };
 
 export const SignInUp = () => {
+  const { t } = useLingui();
+
   const { form } = useSignInUpForm();
   const { signInUpStep } = useSignInUp(form);
   const { isDefaultDomain } = useIsCurrentLocationOnDefaultDomain();
@@ -61,23 +64,22 @@ export const SignInUp = () => {
     useWorkspaceFromInviteHash();
 
   const [searchParams] = useSearchParams();
-
   const title = useMemo(() => {
     if (isDefined(workspaceInviteHash)) {
       return `Join ${workspaceFromInviteHash?.displayName ?? ''} team`;
     }
+    const workspaceName = !isDefined(workspacePublicData?.displayName)
+      ? DEFAULT_WORKSPACE_NAME
+      : workspacePublicData?.displayName === ''
+        ? t`Your Workspace`
+        : workspacePublicData?.displayName;
 
-    return `Welcome to ${
-      !isDefined(workspacePublicData?.displayName)
-        ? DEFAULT_WORKSPACE_NAME
-        : workspacePublicData?.displayName === ''
-          ? 'Your Workspace'
-          : workspacePublicData?.displayName
-    }`;
+    return t`Welcome to ${workspaceName}`;
   }, [
     workspaceFromInviteHash?.displayName,
     workspaceInviteHash,
     workspacePublicData?.displayName,
+    t,
   ]);
 
   const signInUpForm = useMemo(() => {

packages/twenty-front/src/pages/auth/__stories__/SignInUp.stories.tsx

@@ -53,7 +53,7 @@ export const Default: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const continueWithEmailButton = await canvas.findByText(
-      'Continue With Email',
+      'Continue with Email',
     );
 
     await fireEvent.click(continueWithEmailButton);

packages/twenty-front/src/pages/auth/__stories__/SignInUpWithInvite.stories.tsx

@@ -78,7 +78,7 @@ export const Default: Story = {
     });
 
     const continueWithEmailButton = await canvas.findByText(
-      'Continue With Email',
+      'Continue with Email',
     );
 
     await fireEvent.click(continueWithEmailButton);

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

@@ -8,7 +8,6 @@ import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { Select } from '@/ui/input/components/Select';
 
 import { useRefreshObjectMetadataItems } from '@/object-metadata/hooks/useRefreshObjectMetadataItem';
-import { i18n } from '@lingui/core';
 import { useLingui } from '@lingui/react/macro';
 import { APP_LOCALES, isDefined } from 'twenty-shared';
 import { dynamicActivate } from '~/utils/i18n/dynamicActivate';
@@ -124,7 +123,7 @@ export const LocalePicker = () => {
         dropdownId="preferred-locale"
         dropdownWidthAuto
         fullWidth
-        value={i18n.locale}
+        value={currentWorkspaceMember.locale}
         options={localeOptions}
         onChange={(value) =>
           handleLocaleChange(value as keyof typeof APP_LOCALES)