From eff3887f351717346828d875d2bd5e655568940d Mon Sep 17 00:00:00 2001
From: mrbusysky <58412572+mrbusysky@users.noreply.github.com>
Date: Mon, 19 Sep 2022 17:49:03 -0700
Subject: [PATCH] updates for static words part 1

---
 .../build_src/src/Translation/locales/en/home.json  |  2 ++
 .../advancedSettings/gpuSettings/index.tsx          | 11 ++++++-----
 .../organisms/creationPanel/basicCreation/index.tsx |  6 +++++-
 .../creationPanel/basicCreation/seedImage/index.tsx | 13 +++++++++----
 4 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/ui/frontend/build_src/src/Translation/locales/en/home.json b/ui/frontend/build_src/src/Translation/locales/en/home.json
index 90474a0c..93be356c 100644
--- a/ui/frontend/build_src/src/Translation/locales/en/home.json
+++ b/ui/frontend/build_src/src/Translation/locales/en/home.json
@@ -77,6 +77,8 @@
     "turbo-disc": "Generates images faster, but uses an additional 1 GB of GPU memory",
     "cpu": "Use CPU instead of GPU",
     "cpu-disc": "Warning: this will be *very* slow",
+    "gpu": "Use full precision",
+    "gpu-disc": "(for GPU-only. warning: this will consume more VRAM)",
     "beta": "Beta Features",
     "beta-disc": "Get the latest features immediately (but could be less stable). \nPlease restart the program after changing this.",
     "save": "SAVE"
diff --git a/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/gpuSettings/index.tsx b/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/gpuSettings/index.tsx
index 2453275e..8dd66069 100644
--- a/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/gpuSettings/index.tsx
+++ b/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/gpuSettings/index.tsx
@@ -10,8 +10,11 @@ import {
 import {
   MenuButton, // @ts-expect-error
 } from "../advancedsettings.css.ts";
+import {useTranslation} from "react-i18next";
 
 export default function GpuSettings() {
+  const { t } = useTranslation();
+
   const turbo = useImageCreate((state) => state.getValueForRequestKey("turbo"));
   const useCpu = useImageCreate((state) =>
     state.getValueForRequestKey("use_cpu")
@@ -39,8 +42,7 @@ export default function GpuSettings() {
                 onChange={(e) => setRequestOption("turbo", e.target.checked)}
                 type="checkbox"
               />
-              Turbo mode (generates images faster, but uses an additional 1 GB
-              of GPU memory)
+              {t("advanced-settings.turbo")} {t("advanced-settings.turbo-disc")}
             </label>
           </div>
           <div className={SettingItem}>
@@ -50,7 +52,7 @@ export default function GpuSettings() {
                 checked={useCpu}
                 onChange={(e) => setRequestOption("use_cpu", e.target.checked)}
               />
-              Use CPU instead of GPU (warning: this will be *very* slow)
+              {t("advanced-settings.cpu")} {t("advanced-settings.cpu-disc")}
             </label>
           </div>
           <div className={SettingItem}>
@@ -62,8 +64,7 @@ export default function GpuSettings() {
                 }
                 type="checkbox"
               />
-              Use full precision (for GPU-only. warning: this will consume more
-              VRAM)
+              {t("advanced-settings.gpu")} {t("advanced-settings.gpu-disc")}
             </label>
           </div>
         </>
diff --git a/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/index.tsx b/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/index.tsx
index ace57e2b..e0354288 100644
--- a/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/index.tsx
+++ b/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/index.tsx
@@ -10,7 +10,11 @@ import SeedImage from "./seedImage";
 import ActiveTags from "./activeTags";
 import MakeButton from "./makeButton";
 
+import {useTranslation} from "react-i18next";
+
 export default function BasicCreation() {
+  const { t } = useTranslation();
+
   const promptText = useImageCreate((state) =>
     state.getValueForRequestKey("prompt")
   );
@@ -23,7 +27,7 @@ export default function BasicCreation() {
   return (
     <div className={CreationBasicMain}>
       <div className={PromptDisplay}>
-        <p>Prompt </p>
+        <p>{t("home.editor-title")}</p>
         <textarea value={promptText} onChange={handlePromptChange}></textarea>
       </div>
 
diff --git a/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/seedImage/index.tsx b/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/seedImage/index.tsx
index 28efed0e..20d72f4c 100644
--- a/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/seedImage/index.tsx
+++ b/ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/seedImage/index.tsx
@@ -10,9 +10,13 @@ import {
 } from "./seedImage.css.ts";
 import { useImageCreate } from "../../../../../stores/imageCreateStore";
 
+import {useTranslation} from "react-i18next";
+
 // TODO : figure out why this needs props to be passed in.. fixes a type error
 // when the component is used in the parent component
 export default function SeedImage(_props: any) {
+  const { t } = useTranslation();
+
   const imageInputRef = useRef<HTMLInputElement>(null);
 
   const initImage = useImageCreate((state) =>
@@ -55,7 +59,7 @@ export default function SeedImage(_props: any) {
     <div className={ImageInputDisplay}>
       <div>
         <label className={InputLabel}>
-          <b>Initial Image:</b> (optional)
+          <b>{t("home.initial-img-txt")}</b>
         </label>
         <input
           ref={imageInputRef}
@@ -65,7 +69,7 @@ export default function SeedImage(_props: any) {
           onChange={_handleFileSelect}
         />
         <button className={ImageInputButton} onClick={_startFileSelect}>
-          Select File
+          {t("home.initial-img-btn")}
         </button>
       </div>
 
@@ -85,8 +89,9 @@ export default function SeedImage(_props: any) {
                   toggleInpainting();
                 }}
                 checked={isInPaintingMode}
-              ></input>
-              Use for Inpainting
+              >
+              </input>
+              {t("in-paint.txt")}
             </label>
           </>
         )}