From d0010a1d11c78fc5e53f6cab859d7840f1f4221a Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Thu, 5 Sep 2024 14:20:40 +0000
Subject: [PATCH] chore: add i18n support for ai confirm modal (#8116)

---
 .../general-setting/editor/general.tsx         | 18 +++++++++++++-----
 .../core/src/providers/modal-provider.tsx      | 16 ++++++++++------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/packages/frontend/core/src/components/affine/setting-modal/general-setting/editor/general.tsx b/packages/frontend/core/src/components/affine/setting-modal/general-setting/editor/general.tsx
index d3483436e2..203832f011 100644
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/editor/general.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/editor/general.tsx
@@ -410,17 +410,25 @@ const AISettings = () => {
   const onToggleAI = useCallback(
     (checked: boolean) => {
       openConfirmModal({
-        title: checked ? 'Enable AI?' : 'Disable AI?',
-        description: `Are you sure you want to ${checked ? 'enable' : 'disable'} AI?`,
-        confirmText: checked ? 'Enable' : 'Disable',
-        cancelText: 'Cancel',
+        title: checked
+          ? t['com.affine.settings.editorSettings.general.ai.enable.title']()
+          : t['com.affine.settings.editorSettings.general.ai.disable.title'](),
+        description: checked
+          ? t[
+              'com.affine.settings.editorSettings.general.ai.enable.description'
+            ]()
+          : t[
+              'com.affine.settings.editorSettings.general.ai.disable.description'
+            ](),
+        confirmText: checked ? t['Enable']() : t['Disable'](),
+        cancelText: t['Cancel'](),
         onConfirm: () => onAIChange(checked),
         confirmButtonOptions: {
           variant: checked ? 'primary' : 'error',
         },
       });
     },
-    [openConfirmModal, onAIChange]
+    [openConfirmModal, t, onAIChange]
   );
 
   return (
diff --git a/packages/frontend/core/src/providers/modal-provider.tsx b/packages/frontend/core/src/providers/modal-provider.tsx
index c89f6a1704..a815401a0e 100644
--- a/packages/frontend/core/src/providers/modal-provider.tsx
+++ b/packages/frontend/core/src/providers/modal-provider.tsx
@@ -1,6 +1,7 @@
 import { ConfirmModal, NotificationCenter, notify } from '@affine/component';
 import { events } from '@affine/electron-api';
 import { WorkspaceFlavour } from '@affine/env/workspace';
+import { useI18n } from '@affine/i18n';
 import {
   GlobalContextService,
   useLiveData,
@@ -185,6 +186,7 @@ export const SignOutConfirmModal = () => {
 };
 
 export const AIReloadConfirmModal = () => {
+  const t = useI18n();
   const editorSettingService = useService(EditorSettingService);
   const enableAI = useLiveData(
     editorSettingService.editorSetting.settings$.selector(s => s.enableAI)
@@ -208,12 +210,14 @@ export const AIReloadConfirmModal = () => {
       confirmButtonOptions={{
         variant: 'primary',
       }}
-      title={'You need to reload the page'}
-      description={
-        'AI settings have been updated. Please reload the page to apply the changes.'
-      }
-      cancelText={'Cancel'}
-      confirmText={'Reload'}
+      title={t['com.affine.settings.editorSettings.general.ai.reload.title']()}
+      description={t[
+        'com.affine.settings.editorSettings.general.ai.reload.description'
+      ]()}
+      cancelText={t['Cancel']()}
+      confirmText={t[
+        'com.affine.settings.editorSettings.general.ai.reload.confirm'
+      ]()}
     />
   );
 };