fix leaderboard..?

app/pat/leaderboard/page.client.jsx

@@ -1,15 +1,12 @@
 "use client";
 import { useEffect, useState } from "react";
-import { getLeaderboardData } from "./page.server";
 
-export const runtime = "edge";
-
-export default function PatLeaderBoardClient() {
+export default function PatLeaderBoardClient({ usersData }) {
   const [userData, setUserData] = useState([]);
 
   useEffect(() => {
     const fetchData = async () => {
-      const data = await getLeaderboardData();
+      const data = usersData;
       const sortedData = data.sort(
         (a, b) => parseInt(b.count) - parseInt(a.count)
       );
@@ -18,12 +15,7 @@ export default function PatLeaderBoardClient() {
     };
 
     fetchData();
-  }, []);
-
-  // If userData is empty, return a loading message or placeholder
-  if (userData.length === 0) {
-    return <div>Loading...</div>; // You can customize this loading indicator
-  }
+  }, [usersData]);
 
   return (
     <div className="px-4 sm:px-6 lg:px-8">

app/pat/leaderboard/page.jsx

@@ -7,11 +7,56 @@ export const metadata = {
   description: "Headpat clicker Leaderboard für Headpawties!",
 };
 
-export default function PatLeaderBoard() {
+export default async function PatLeaderBoard() {
+  const response = await fetch(
+    `${process.env.NEXT_PUBLIC_DOMAIN}/api/fun/pats?populate=*`,
+    {
+      method: "GET",
+    }
+  );
+  const data = await response.json();
+  const usersData = [];
+
+  for (const item of data.data) {
+    const userId = item.attributes.users_permissions_user.data.id;
+    const userResponse = await fetch(
+      `${process.env.NEXT_PUBLIC_DOMAIN}/api/user/getUserData/${userId}?populate=avatar`,
+      {
+        method: "GET",
+      }
+    );
+    const userData = await userResponse.json();
+
+    const displayName =
+      userData.data.attributes.displayname ||
+      item.attributes.users_permissions_user.data.attributes.username;
+
+    usersData.push({
+      id: item.id,
+      count: item.attributes.count,
+      userId: userId,
+      username: item.attributes.users_permissions_user.data.attributes.username,
+      displayName: displayName,
+      image:
+        userData.data?.attributes?.avatar?.data?.attributes?.url ||
+        "/logos/logo-64.webp",
+      lastclicked: new Date(item.attributes.updatedAt).toLocaleDateString(
+        "en-GB",
+        {
+          day: "2-digit",
+          month: "2-digit",
+          year: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+        }
+      ),
+    });
+  }
+
   return (
     <>
       <Header />
-      <Client />
+      <Client usersData={usersData} />
       <Footer />
     </>
   );