add online players stats

HJfod · Mar 4, 2024 · bc80a65 · bc80a65
1 parent dbcaf6c
commit bc80a65
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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>