-
-
-## Troubleshooting
-
-Here's how to solve some common problems when working with the CLI.
-
-
- 
-
-);
-
const LensViewer = ({
zoomAmount,
lensSize,
@@ -37,64 +11,75 @@ const LensViewer = ({
sanitizedImagePath: string;
sanitizedUpscaledImagePath: string;
}) => {
- const upscaledImageRef = useRef
- {/* UPSCALED IMAGE */}
- ![Upscaled]({"file:///")
- {/* LENS */}
+
+ {/* Main image container */}
+ 
+
+
+
+ {/* Enlarged views for original and upscaled images */}
+
- (null);
const handleModelSelect = (model: ModelId | string) => {
+ console.log("🚀 => model:", model);
+
setSelectedModelId(model);
setOpen(false);
};
diff --git a/renderer/components/sidebar/upscayl-tab/upscayl-steps.tsx b/renderer/components/sidebar/upscayl-tab/upscayl-steps.tsx
index c2ca2ea..cc74e98 100644
--- a/renderer/components/sidebar/upscayl-tab/upscayl-steps.tsx
+++ b/renderer/components/sidebar/upscayl-tab/upscayl-steps.tsx
@@ -176,7 +176,7 @@ function UpscaylSteps({
-
diff --git a/renderer/components/sidebar/index.tsx b/renderer/components/sidebar/index.tsx
index a185a08..d37e6c2 100644
--- a/renderer/components/sidebar/index.tsx
+++ b/renderer/components/sidebar/index.tsx
@@ -28,10 +28,10 @@ import {
import { useToast } from "@/components/ui/use-toast";
import UpscaylSteps from "./upscayl-tab/upscayl-steps";
import SettingsTab from "./settings-tab";
-import Footer from "../Footer";
+import Footer from "../footer";
import { NewsModal } from "../news-modal";
-import Tabs from "../Tabs";
-import Header from "../Header";
+import Tabs from "../tabs";
+import Header from "../header";
import { ChevronLeftIcon } from "lucide-react";
import { logAtom } from "@/atoms/log-atom";
import { ELECTRON_COMMANDS } from "@common/electron-commands";
@@ -90,15 +90,6 @@ const Sidebar = ({
const tileSize = useAtomValue(tileSizeAtom);
const [showSidebar, setShowSidebar] = useAtom(showSidebarAtom);
- const handleModelChange = (e: any) => {
- setSelectedModelId(e.value);
- logit("🔀 Model changed: ", e.value);
- localStorage.setItem(
- "model",
- JSON.stringify({ label: e.label, value: e.value }),
- );
- };
-
const upscaylHandler = async () => {
logit("🔄 Resetting Upscaled Image Path");
setUpscaledImagePath("");
diff --git a/renderer/components/sidebar/upscayl-tab/select-model.tsx b/renderer/components/sidebar/upscayl-tab/select-model.tsx
index d8ac0e9..de8b2f1 100644
--- a/renderer/components/sidebar/upscayl-tab/select-model.tsx
+++ b/renderer/components/sidebar/upscayl-tab/select-model.tsx
@@ -18,11 +18,15 @@ import { customModelIdsAtom } from "@/atoms/models-list-atom";
export default function SelectModel() {
const [selectedModelId, setSelectedModelId] = useAtom(selectedModelIdAtom);
+ console.log("🚀 => selectedModelId:", selectedModelId);
+
const customModelIds = useAtomValue(customModelIdsAtom);
const [open, setOpen] = useState(false);
const [zoomedModel, setZoomedModel] = useState
+
+ Original
+
-
- Original
- Upscayl
+
+
+ AI Upscaled
+
{ - setDoubleUpscayl(!doubleUpscayl); + setDoubleUpscayl((prev) => !prev); }} > {t("APP.DOUBLE_UPSCAYL.TITLE")} diff --git a/renderer/components/Tabs.tsx b/renderer/components/tabs.tsx similarity index 100% rename from renderer/components/Tabs.tsx rename to renderer/components/tabs.tsx diff --git a/renderer/pages/index.tsx b/renderer/pages/index.tsx index 5a953c3..00d37ac 100644 --- a/renderer/pages/index.tsx +++ b/renderer/pages/index.tsx @@ -284,7 +284,10 @@ const Home = () => { } return ( -
+
console.log(e)}
+ >