From bc80a6589f0dba35e9eeca28017f5d29f0c3e2ed Mon Sep 17 00:00:00 2001
From: HJfod <60038575+HJfod@users.noreply.github.com>
Date: Tue, 5 Mar 2024 00:27:47 +0200
Subject: [PATCH] add online players stats

---
 src/components/PlayerStats.astro | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/PlayerStats.astro b/src/components/PlayerStats.astro
index 356ba16..fec7c76 100644
--- a/src/components/PlayerStats.astro
+++ b/src/components/PlayerStats.astro
@@ -1,9 +1,14 @@
 ---
+import Subtitle from "./Subtitle.astro";
+
 
 ---
 
-<div class="bg-quardiary-darker p-8 rounded-xl max-w-paragraph">
-    <canvas class="player-stats"></canvas>
+<div class="flex flex-col items-center gap-4">
+    <Subtitle>Online Players</Subtitle>
+    <div class="bg-wallpaper-darkest bg-opacity-50 p-8 rounded-xl max-w-paragraph">
+        <canvas class="player-stats"></canvas>
+    </div>
 </div>
 
 <script>
@@ -17,14 +22,14 @@
         const chart = new Chart(canvas as HTMLCanvasElement, {
             type: 'line',
             data: {
-                labels: data.map(row => new Date(row.log_time).toDateString()),
+                labels: data.map(row => new Date(row.log_time * 1000).toLocaleTimeString()),
                 datasets: [
                     {
                         label: 'Players',
                         data: data.map(row => row.count),
                     }
                 ]
-            }
+            },
         });
     });
 </script>