Add more translations (#9733)

packages/twenty-front/src/modules/settings/profile/components/ChangePassword.tsx

@@ -4,9 +4,12 @@ import { Button, H2Title } from 'twenty-ui';
 import { currentUserState } from '@/auth/states/currentUserState';
 import { SnackBarVariant } from '@/ui/feedback/snack-bar-manager/components/SnackBar';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { useLingui } from '@lingui/react/macro';
 import { useEmailPasswordResetLinkMutation } from '~/generated/graphql';
 
 export const ChangePassword = () => {
+  const { t } = useLingui();
+
   const { enqueueSnackBar } = useSnackBar();
 
   const currentUser = useRecoilValue(currentUserState);
@@ -15,7 +18,7 @@ export const ChangePassword = () => {
 
   const handlePasswordResetClick = async () => {
     if (!currentUser?.email) {
-      enqueueSnackBar('Invalid email', {
+      enqueueSnackBar(t`Invalid email`, {
         variant: SnackBarVariant.Error,
       });
       return;
@@ -28,11 +31,11 @@ export const ChangePassword = () => {
         },
       });
       if (data?.emailPasswordResetLink?.success === true) {
-        enqueueSnackBar('Password reset link has been sent to the email', {
+        enqueueSnackBar(t`Password reset link has been sent to the email`, {
           variant: SnackBarVariant.Success,
         });
       } else {
-        enqueueSnackBar('There was some issue', {
+        enqueueSnackBar(t`There was an issue`, {
           variant: SnackBarVariant.Error,
         });
       }
@@ -46,13 +49,13 @@ export const ChangePassword = () => {
   return (
     <>
       <H2Title
-        title="Change Password"
-        description="Receive an email containing password update link"
+        title={t`Change Password`}
+        description={t`Receive an email containing password update link`}
       />
       <Button
         onClick={handlePasswordResetClick}
         variant="secondary"
-        title="Change Password"
+        title={t`Change Password`}
       />
     </>
   );

packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx

@@ -5,9 +5,11 @@ import { Button, H2Title } from 'twenty-ui';
 import { useAuth } from '@/auth/hooks/useAuth';
 import { currentUserState } from '@/auth/states/currentUserState';
 import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
+import { useLingui } from '@lingui/react/macro';
 import { useDeleteUserAccountMutation } from '~/generated/graphql';
 
 export const DeleteAccount = () => {
+  const { t } = useLingui();
   const [isDeleteAccountModalOpen, setIsDeleteAccountModalOpen] =
     useState(false);
 
@@ -24,15 +26,15 @@ export const DeleteAccount = () => {
   return (
     <>
       <H2Title
-        title="Danger zone"
-        description="Delete account and all the associated data"
+        title={t`Danger zone`}
+        description={t`Delete account and all the associated data`}
       />
 
       <Button
         accent="danger"
         onClick={() => setIsDeleteAccountModalOpen(true)}
         variant="secondary"
-        title="Delete account"
+        title={t`Delete account`}
       />
 
       <ConfirmationModal
@@ -40,7 +42,7 @@ export const DeleteAccount = () => {
         confirmationPlaceholder={userEmail ?? ''}
         isOpen={isDeleteAccountModalOpen}
         setIsOpen={setIsDeleteAccountModalOpen}
-        title="Account Deletion"
+        title={t`Account Deletion`}
         subtitle={
           <>
             This action cannot be undone. This will permanently delete your
@@ -48,7 +50,7 @@ export const DeleteAccount = () => {
           </>
         }
         onConfirmClick={deleteAccount}
-        deleteButtonText="Delete account"
+        deleteButtonText={t`Delete account`}
       />
     </>
   );