From 739c9354a642fe48eadd46083d93db9883af7ea3 Mon Sep 17 00:00:00 2001
From: liquidwater0 <32186774+liquidwater0@users.noreply.github.com>
Date: Thu, 3 Apr 2025 02:55:36 -0500
Subject: [PATCH] turn maps page into client component
---
web/src/app/maps/page.tsx | 29 +++++++++++++++--------------
1 file changed, 15 insertions(+), 14 deletions(-)
diff --git a/web/src/app/maps/page.tsx b/web/src/app/maps/page.tsx
index 4307d42..1e28448 100644
--- a/web/src/app/maps/page.tsx
+++ b/web/src/app/maps/page.tsx
@@ -1,19 +1,20 @@
+"use client"
+
+import { useState, useEffect } from "react";
import Webpage from "@/app/_components/webpage";
-export default async function MapsPage() {
- try {
- const response = await fetch("/api/maps?Page=1&Limit=10");
- const json = await response.json();
- console.log(json);
- } catch(error) {
- console.log(error);
-
- return (
- <Webpage>
- <h1>No Maps!</h1>
- </Webpage>
- )
- }
+export default function MapsPage() {
+ const [ingameMaps, setIngameMaps] = useState();
+
+ useEffect(() => {
+ fetch("/api/maps?Page=1&Limit=10")
+ .then(response => response.json())
+ .then(setIngameMaps);
+ }, []);
+
+ useEffect(() => {
+ console.log(ingameMaps);
+ }, [ingameMaps]);
return (
<Webpage>