From 69aeb7889ac136a8e4fbe7de1330298e30345479 Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Wed, 22 Oct 2025 13:59:12 +0400
Subject: feat/frontend: switch to vite, update node to v22 (#281)

---
 frontend/src/pages/Games.tsx | 64 ++++++++++++++++++++++----------------------
 1 file changed, 32 insertions(+), 32 deletions(-)

(limited to 'frontend/src/pages/Games.tsx')

diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx
index 15cc891..909ea20 100644
--- a/frontend/src/pages/Games.tsx
+++ b/frontend/src/pages/Games.tsx
@@ -1,46 +1,46 @@
-import React from 'react';
-import { Helmet } from 'react-helmet';
+import React from "react";
+import { Helmet } from "react-helmet";
 
-import GameEntry from '@components/GameEntry';
-import { Game } from '@customTypes/Game';
+import GameEntry from "@components/GameEntry";
+import { Game } from "@customTypes/Game";
 import "@css/Maps.css"
 
 interface GamesProps {
-    games: Game[];
+  games: Game[];
 }
 
 const Games: React.FC<GamesProps> = ({ games }) => {
 
-    const _page_load = () => {
-        const loaders = document.querySelectorAll(".loader");
-        loaders.forEach((loader) => {
-            (loader as HTMLElement).style.display = "none";
-        });
-    }
+  const _page_load = () => {
+    const loaders = document.querySelectorAll(".loader");
+    loaders.forEach((loader) => {
+      (loader as HTMLElement).style.display = "none";
+    });
+  }
 
-    React.useEffect(() => {
-        document.querySelectorAll(".games-page-item-body").forEach((game, index) => {
-            game.innerHTML = "";
-        });
-        _page_load();
-    }, []);
+  React.useEffect(() => {
+    document.querySelectorAll(".games-page-item-body").forEach((game, index) => {
+      game.innerHTML = "";
+    });
+    _page_load();
+  }, []);
 
-    return (
-        <div className='games-page'>
-            <Helmet>
-                <title>LPHUB | Games</title>
-            </Helmet>
-            <section>
-                <div className='games-page-content'>
-                    <div className='games-page-item-content'>
-                        {games.map((game, index) => (
-                            <GameEntry game={game} key={index} />
-                        ))}
-                    </div>
-                </div>
-            </section>
+  return (
+    <div className='games-page'>
+      <Helmet>
+        <title>LPHUB | Games</title>
+      </Helmet>
+      <section>
+        <div className='games-page-content'>
+          <div className='games-page-item-content'>
+            {games.map((game, index) => (
+              <GameEntry game={game} key={index} />
+            ))}
+          </div>
         </div>
-    );
+      </section>
+    </div>
+  );
 };
 
 export default Games;
-- 
cgit v1.2.3

