chore: add translation for saving status in EditorToolbar

Author: boojack

web/src/components/MemoEditor/components/EditorToolbar.tsx

@@ -1,12 +1,14 @@
 import type { FC } from "react";
 import { Button } from "@/components/ui/button";
+import { useTranslate } from "@/utils/i18n";
 import { validationService } from "../services";
 import { useEditorContext } from "../state";
 import InsertMenu from "../Toolbar/InsertMenu";
 import VisibilitySelector from "../Toolbar/VisibilitySelector";
 import type { EditorToolbarProps } from "../types";
 
 export const EditorToolbar: FC<EditorToolbarProps> = ({ onSave, onCancel, memoName }) => {
+  const t = useTranslate();
   const { state, actions, dispatch } = useEditorContext();
   const { valid } = validationService.canSave(state);
 
@@ -41,12 +43,12 @@ export const EditorToolbar: FC<EditorToolbarProps> = ({ onSave, onCancel, memoNa
 
         {onCancel && (
           <Button variant="ghost" onClick={onCancel} disabled={isSaving}>
-            Cancel
+            {t("common.cancel")}
           </Button>
         )}
 
         <Button onClick={onSave} disabled={!valid || isSaving}>
-          {isSaving ? "Saving..." : "Save"}
+          {isSaving ? t("editor.saving") : t("editor.save")}
         </Button>
       </div>
     </div>

web/src/locales/en.json

@@ -121,6 +121,7 @@
     "add-your-comment-here": "Add your comment here...",
     "any-thoughts": "Any thoughts...",
     "save": "Save",
+    "saving": "Saving...",
     "no-changes-detected": "No changes detected",
     "focus-mode": "Focus Mode",
     "exit-focus-mode": "Exit Focus Mode",
@@ -466,4 +467,4 @@
     "tags": "Tags",
     "upload-attachment": "Upload Attachment(s)"
   }
-}
+}