From f1220fc05a3771dd1c0f678893aa296259ac0fa9 Mon Sep 17 00:00:00 2001
From: Damien Broqua <damien@freemiumplay.com>
Date: Wed, 31 Jan 2024 10:51:00 +0100
Subject: [PATCH] {DESIGN} Added statistics page

---
 .../mon-compte/ma-collection/statistiques.ejs | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/views/pages/mon-compte/ma-collection/statistiques.ejs b/views/pages/mon-compte/ma-collection/statistiques.ejs
index dff7b83..2a68b40 100644
--- a/views/pages/mon-compte/ma-collection/statistiques.ejs
+++ b/views/pages/mon-compte/ma-collection/statistiques.ejs
@@ -3,27 +3,31 @@
         Mes statistiques
     </h1>
 
-    <h2>Mon top 10</h2>
-    <table>
-        <thead>
-            <tr>
-                <th style="width: 40px;"></th>
-                <th>Artiste</th>
-                <th style="width: 80px;">Albums</th>
-            </tr>
-        </thead>
-        <tbody>
-            <% for ( let i = 0 ; i < page.top10.length ; i += 1 ) { %>
-                <tr>
-                    <td><%= i+1 %></td>
-                    <td><%= page.top10[i].name %></td>
-                    <td><%= page.top10[i].count %></td>
-                </tr>
-            <% } %>
-        </tbody>
-    </table>
+
 
     <div class="grid gap-10 grid-cols-1 md:grid-cols-2">
+        <div>
+            <h2>Mon top 10</h2>
+            <table>
+                <thead>
+                    <tr>
+                        <th style="width: 40px;"></th>
+                        <th>Artiste</th>
+                        <th style="width: 80px;">Albums</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <% for ( let i = 0 ; i < page.top10.length ; i += 1 ) { %>
+                        <tr>
+                            <td><%= i+1 %></td>
+                            <td><%= page.top10[i].name %></td>
+                            <td><%= page.top10[i].count %></td>
+                        </tr>
+                    <% } %>
+                </tbody>
+            </table>
+        </div>
+        <div></div>
         <div>
             <h2>Genres</h2>
             <canvas id="byGenres"></canvas>