From fbb47c59c1b0e84c7b60c3269b8e581e5bd36dff Mon Sep 17 00:00:00 2001
From: MotorTruck1221 <motortruck1221@protonmail.com>
Date: Tue, 17 Dec 2024 04:44:47 -0700
Subject: [PATCH] Games: fix redirects and bugs

---
 config.example.toml      |  2 +-
 src/pages/gs/index.astro | 74 ++++++++++++++++++++--------------------
 2 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/config.example.toml b/config.example.toml
index d9b1c6290..d73d00f9b 100644
--- a/config.example.toml
+++ b/config.example.toml
@@ -1,5 +1,5 @@
 [buildOpts]
-games = false
+games = true
 
 [server]
 wisp = true
diff --git a/src/pages/gs/index.astro b/src/pages/gs/index.astro
index 228c1a561..2d7182b9d 100644
--- a/src/pages/gs/index.astro
+++ b/src/pages/gs/index.astro
@@ -9,46 +9,46 @@ const images = import.meta.glob<{ default: ImageMetadata }>(
     '/src/assets/games/*.{jpeg,jpg,png,gif,webp}'
 );
 ---
-
-{!GAMES_LINK && <Layout title="" redirect={{path: '/', interval: 0}}>}
-{GAMES_LINK && <Layout title="">}
+<Layout title="" redirect={!GAMES_LINK ? { path: '/', interval: 0 }: undefined}>
     <div class="w-full h-full px-[15%]">
-        <div class="h-[80px] w-full p-0 flex self-center transition duration-200">
-            <div class="flex grow items-center justify-left">
-                <a aria-label="home" href="/" class="text-[30px] text-[--accent] mr-[20px]">
-                    <Icon name="mdi:chevron-left" />
-                </a>
-                <input oninput="searchGames(this.value)" class="flex flex-grow h-[42px] text-[14px] border-none text-[--text-color] bg-inherit outline-none" placeholder="Search games" id="app-input"></input> 
+        {GAMES_LINK &&
+            <div class="h-[80px] w-full p-0 flex self-center transition duration-200">
+                <div class="flex grow items-center justify-left">
+                    <a aria-label="home" href="/" class="text-[30px] text-[--accent] mr-[20px]">
+                        <Icon name="mdi:chevron-left" />
+                    </a>
+                    <input oninput="searchGames(this.value)" class="flex flex-grow h-[42px] text-[14px] border-none text-[--text-color] bg-inherit outline-none" placeholder="Search games" id="app-input"></input> 
+                </div>
             </div>
-        </div>
-        <div class="mt-[10px] pb-[60px] w-full grid justify-center md:justify-between gap-[20px] grid-cols-[repeat(2,60%)] md:grid-cols-[repeat(auto-fill,166px)]">
-            {games.map((game) => (
-                <a href={`/gs/${btoa(game.name)}?py=${game.proxy}&url=${btoa(game.url)}&bf=${btoa(game.baseFile)}`} data-name={game.name} class="transition-all hover:scale-105 h-[166px] w-[166px] rounded-[5px] border-transparent bg-cover cursor-pointer">
-                    <Image loading="lazy" class="object-cover w-[166px] h-[166px] rounded-[5px]" src={images[game.img]()} alt={`${game.name}'s logo`} />
-                </a>
-            ))}
-        </div>
+            <div class="mt-[10px] pb-[60px] w-full grid justify-center md:justify-between gap-[20px] grid-cols-[repeat(2,60%)] md:grid-cols-[repeat(auto-fill,166px)]">
+                {games.map((game) => (
+                    <a href={`/gs/${btoa(game.name)}?py=${game.proxy}&url=${btoa(game.url)}&bf=${btoa(game.baseFile)}`} data-name={game.name} class="transition-all hover:scale-105 h-[166px] w-[166px] rounded-[5px] border-transparent bg-cover cursor-pointer">
+                        <Image loading="lazy" class="object-cover w-[166px] h-[166px] rounded-[5px]" src={images[game.img]()} alt={`${game.name}'s logo`} />
+                    </a>
+                ))}
+            </div>
+        }
     </div>
-    <script>
-        window.searchGames = function(val: string) {
-            let elements: NodeListOf<HTMLElement> = document.querySelectorAll('[data-name]');
-            let count = 0;
+</Layout>
+<script>
+    window.searchGames = function(val: string) {
+        let elements: NodeListOf<HTMLElement> = document.querySelectorAll('[data-name]');
+        let count = 0;
+        elements.forEach(node => {
+            if (node.dataset.name === undefined) {
+                return;
+            }
+            if (node.dataset.name.toLowerCase().includes(val.toLowerCase())) {
+                node.classList.remove('hidden');
+                count++
+            } else {
+                node.classList.add('hidden');
+            }
+        })
+        if (!count) {
             elements.forEach(node => {
-                if (node.dataset.name === undefined) {
-                    return;
-                }
-                if (node.dataset.name.toLowerCase().includes(val.toLowerCase())) {
-                    node.classList.remove('hidden');
-                    count++
-                } else {
-                    node.classList.add('hidden');
-                }
+                node.classList.remove('hidden');
             })
-            if (!count) {
-                elements.forEach(node => {
-                    node.classList.remove('hidden');
-                })
-            }
         }
-    </script>
-</Layout>
+    }
+</script>