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) {