Update app store build and binaries

renderer/components/Footer.tsx

@@ -18,7 +18,7 @@ function Footer() {
           href="https://github.com/upscayl"
           className="font-bold"
           target="_blank">
-          TGS963 and Nayam Amarshe
+          The Upscayl Team
         </a>
       </p>
     </div>

renderer/components/settings-tab/index.tsx

@@ -21,6 +21,7 @@ import OverwriteToggle from "./OverwriteToggle";
 import { UpscaylCloudModal } from "../UpscaylCloudModal";
 import { ResetSettings } from "./ResetSettings";
 import ProcessImageToggle from "./ProcessImageToggle";
+import { flag } from "@/utils/flags";
 
 interface IProps {
   batchMode: boolean;
@@ -189,7 +190,7 @@ function SettingsTab({
           target="_blank">
           Read Wiki Guide
         </a>
-        <DonateButton />
+        {flag("IS_APPLE_STORE_BUILD") && <DonateButton />}
       </div>
 
       <LogArea

renderer/pages/index.tsx

@@ -605,7 +605,7 @@ const Home = () => {
                 }}
                 draggable="false"
                 alt=""
-                className="h-full w-full bg-[#1d1c23] object-contain"
+                className="h-full w-full bg-gradient-to-br from-base-300 to-base-100 object-contain"
               />
             </>
           )}
@@ -659,7 +659,7 @@ const Home = () => {
                       backgroundPosition: "0% 0%",
                       transformOrigin: backgroundPosition,
                     }}
-                    className={`h-full w-full bg-[#1d1c23] transition-transform group-hover:scale-[${zoomAmount}]`}
+                    className={`h-full w-full bg-gradient-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${zoomAmount}]`}
                   />
                 </>
               }
@@ -678,7 +678,7 @@ const Home = () => {
                       transformOrigin: backgroundPosition,
                     }}
                     onMouseMove={handleMouseMove}
-                    className={`h-full w-full bg-[#1d1c23] transition-transform group-hover:scale-[${zoomAmount}]`}
+                    className={`h-full w-full bg-gradient-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${zoomAmount}]`}
                   />
                 </>
               }

renderer/styles/globals.css

@@ -180,6 +180,28 @@
   -webkit-app-region: drag;
 }
 
+.checkerboard {
+  background-color: rgba(255, 255, 255);
+  background-image: linear-gradient(
+      45deg,
+      #000 25%,
+      transparent 25%,
+      transparent 75%,
+      #000 75%,
+      #000
+    ),
+    linear-gradient(
+      -45deg,
+      #000 25%,
+      transparent 25%,
+      transparent 75%,
+      #000 75%,
+      #000
+    );
+  background-size: 40px 40px;
+  background-repeat: repeat;
+}
+
 @keyframes animate-step-in {
   0% {
     opacity: 0;

renderer/tsconfig.json

@@ -15,7 +15,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "paths": {
-      "@/*": ["./src/*"],
+      "@/*": ["./*"],
       "@common/*": ["../common/*"]
     }
   },

renderer/utils/flags.ts

@@ -0,0 +1,8 @@
+export const FLAGS = {
+  IS_APPLE_STORE_BUILD: "IS_APPLE_STORE_BUILD",
+};
+
+// Get flag from process.env
+export const flag = (flag: keyof typeof FLAGS) => {
+  return process.env[flag];
+};