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")}
@@ -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")}
@@ -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")}
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 (
-

Prompt

+

{t("home.editor-title")}

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(null); const initImage = useImageCreate((state) => @@ -55,7 +59,7 @@ export default function SeedImage(_props: any) {
@@ -85,8 +89,9 @@ export default function SeedImage(_props: any) { toggleInpainting(); }} checked={isInPaintingMode} - > - Use for Inpainting + > + + {t("in-paint.txt")} )}