From a03d70a938d66c6b7f11e174e2fab9f42f64deea Mon Sep 17 00:00:00 2001
From: Nayam Amarshe <25067102+NayamAmarshe@users.noreply.github.com>
Date: Sat, 9 Sep 2023 16:33:16 +0530
Subject: [PATCH] Fix #445 #453

---
 renderer/atoms/userSettingsAtom.ts                           | 3 ++-
 renderer/components/settings-tab/ImageFormatSelect.tsx       | 4 ++--
 .../components/upscayl-tab/config/LeftPaneImageSteps.tsx     | 2 +-
 renderer/pages/index.tsx                                     | 5 +++++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/renderer/atoms/userSettingsAtom.ts b/renderer/atoms/userSettingsAtom.ts
index 56edbe1..c3172b6 100644
--- a/renderer/atoms/userSettingsAtom.ts
+++ b/renderer/atoms/userSettingsAtom.ts
@@ -1,3 +1,4 @@
+import { atom } from "jotai";
 import { atomWithStorage } from "jotai/utils";
 
 export const customModelsPathAtom = atomWithStorage<string | null>(
@@ -7,7 +8,7 @@ export const customModelsPathAtom = atomWithStorage<string | null>(
 
 export const scaleAtom = atomWithStorage<"2" | "3" | "4">("scale", "4");
 
-export const batchModeAtom = atomWithStorage<boolean>("batchMode", false);
+export const batchModeAtom = atom<boolean>(false);
 
 export const rememberOutputFolderAtom = atomWithStorage<boolean>(
   "rememberOutputFolder",
diff --git a/renderer/components/settings-tab/ImageFormatSelect.tsx b/renderer/components/settings-tab/ImageFormatSelect.tsx
index f756705..43493f0 100644
--- a/renderer/components/settings-tab/ImageFormatSelect.tsx
+++ b/renderer/components/settings-tab/ImageFormatSelect.tsx
@@ -29,7 +29,7 @@ export function ImageFormatSelect({
           {/* PNG */}
           <button
             className={`btn-primary btn ${
-              saveImageAs === "png" && "btn-accent"
+              saveImageAs === "png" && "btn-accent ring-2 ring-primary"
             }`}
             onClick={() => setExportType("png")}>
             PNG
@@ -37,7 +37,7 @@ export function ImageFormatSelect({
           {/* JPG */}
           <button
             className={`btn-primary btn ${
-              saveImageAs === "jpg" && "btn-accent"
+              saveImageAs === "jpg" && "btn-accent !ring-2 !ring-primary"
             }`}
             onClick={() => setExportType("jpg")}>
             JPG
diff --git a/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx b/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
index 2032e5e..02080b9 100644
--- a/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
+++ b/renderer/components/upscayl-tab/config/LeftPaneImageSteps.tsx
@@ -164,7 +164,7 @@ function LeftPaneImageSteps({
       {/* STEP 2 */}
       <div className="animate-step-in">
         <p className="step-heading">Step 2</p>
-        <p className="mb-2 text-sm">Select Upscayling Type</p>
+        <p className="mb-2 text-sm">Select Model</p>
 
         <Select
           options={modelOptions}
diff --git a/renderer/pages/index.tsx b/renderer/pages/index.tsx
index 3b39bed..fbdf8a9 100644
--- a/renderer/pages/index.tsx
+++ b/renderer/pages/index.tsx
@@ -102,6 +102,11 @@ const Home = () => {
       logit(`🐞 BACKEND REPORTED: `, data);
     });
 
+    window.electron.on(commands.UPSCAYL_ERROR, (_, data: string) => {
+      alert(data);
+      resetImagePaths();
+    });
+
     // UPSCAYL PROGRESS
     window.electron.on(commands.UPSCAYL_PROGRESS, (_, data: string) => {
       if (data.length > 0 && data.length < 10) {