From d19aebd898af77dbc65fabfc4fe905f72769ccc7 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Wed, 11 Dec 2024 09:41:13 +0100
Subject: fix/frontend: games page css rehaul, small maplist fixes

---
 frontend/src/pages/Games.tsx | 26 +++++---------------------
 1 file changed, 5 insertions(+), 21 deletions(-)

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

diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx
index e7e031e..45dd170 100644
--- a/frontend/src/pages/Games.tsx
+++ b/frontend/src/pages/Games.tsx
@@ -3,36 +3,20 @@ import React from 'react';
 import GameEntry from '@components/GameEntry';
 import { Game } from '@customTypes/Game';
 import "@css/Maps.css"
+import gamesCSS from "@css/Games.module.css";
 
 interface GamesProps {
     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";
-      });
-    }
-
-    React.useEffect(() => {
-        document.querySelectorAll(".games-page-item-body").forEach((game, index) => {
-            game.innerHTML = "";
-        });
-        _page_load();
-    }, []);
-
     return (
         <main>
             <section>
-                <div className='games-page-content'>
-                    <div className='games-page-item-content'>
-                        {games.map((game, index) => (
-                            <GameEntry game={game} key={index} />
-                        ))}
-                    </div>
+				<div className={gamesCSS.content}>
+                    {games.map((game, index) => (
+                        <GameEntry game={game} key={index} />
+                    ))}
                 </div>
             </section>
         </main>
-- 
cgit v1.2.3

