From 85ac0a6b1922052cc7ce5a32d57a4c3b1b328aa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o?= <43091603+glazk0@users.noreply.github.com>
Date: Fri, 10 Feb 2023 17:26:05 +0100
Subject: [PATCH] Format

---
 app/dashboard/page.tsx |  20 +--
 ui/CardTable.tsx       | 387 ++++++++++++++++++++---------------------
 2 files changed, 195 insertions(+), 212 deletions(-)

diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 52a6fa2..24c87de 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -6,17 +6,17 @@ export default function Page() {
     <div className="flex h-screen w-full">
       <div className="">
         <h1 className="text-2xl font-bold tracking-tight">Statistique</h1>
-        <div className="flex flex-col space-x-0 md:flex-row md:space-x-9 pt-5">
+        <div className="flex flex-col space-x-0 pt-5 md:flex-row md:space-x-9">
           <Card />
           <Card />
           <Card />
         </div>
-        <div className="flex flex-col space-x-0 md:flex-row md:space-x-[5%] pt-5 h-[60%]">
-          <div className='w-6/12 mb-9'>
+        <div className="flex h-[60%] flex-col space-x-0 pt-5 md:flex-row md:space-x-[5%]">
+          <div className="mb-9 w-6/12">
             <h1 className="text-2xl font-bold tracking-tight">Guide</h1>
-            <div className="flex flex-col space-x-0 md:flex-row md:space-x-[10%] pt-5 h-full ">
-              <div className="bg-dark rounded-lg shadow-md w-full h-full">
-                <div className="flex py-2 px-4 rounded-lg justify-between">
+            <div className="flex h-full flex-col space-x-0 pt-5 md:flex-row md:space-x-[10%] ">
+              <div className="h-full w-full rounded-lg bg-dark shadow-md">
+                <div className="flex justify-between rounded-lg py-2 px-4">
                   <div className="my-auto">
                     <p className="font-bold">Bold data</p>
                     <p className="text-lg">Simple data</p>
@@ -25,9 +25,9 @@ export default function Page() {
               </div>
             </div>
           </div>
-          <div className='w-6/12 mb-9'>
+          <div className="mb-9 w-6/12">
             <h1 className="text-2xl font-bold tracking-tight">Dernières activités </h1>
-            <div className="flex flex-col space-x-0 md:flex-row md:space-x-[10%] pt-5 h-full">
+            <div className="flex h-full flex-col space-x-0 pt-5 md:flex-row md:space-x-[10%]">
               <CardTable />
             </div>
           </div>
@@ -36,7 +36,3 @@ export default function Page() {
     </div>
   );
 }
-
-
-
-
diff --git a/ui/CardTable.tsx b/ui/CardTable.tsx
index 5cb719a..81194cf 100644
--- a/ui/CardTable.tsx
+++ b/ui/CardTable.tsx
@@ -1,202 +1,189 @@
 export default function CardTable() {
-
-    return (
-        <div className="relative overflow-x-auto shadow-md sm:rounded-lg bg-dark border border-black w-full">
-            <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 ">
-                <thead className="text-xs text-white uppercase bg-light-dark sticky sticky z-1 top-0">
-                    <tr>
-                        <th scope="col" className="px-6 py-3">
-                            Exercice
-                        </th>
-                        <th scope="col" className="px-6 py-3">
-                            Tentative
-                        </th>
-                        <th scope="col" className="px-6 py-3">
-                            Score
-                        </th>
-                        <th scope="col" className="px-6 py-3">
-                            Dernier essai
-                        </th>
-                        <th scope="col" className="px-6 py-3">
-                            <span className="sr-only">Reprendre</span>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr className=" border-b bg-dark dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            30
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark border-b  dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            40
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                    <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
-                        <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                            Exercice 1
-                        </th>
-                        <td className="px-6 py-4">
-                            60
-                        </td>
-                        <td className="px-6 py-4">
-                            300
-                        </td>
-                        <td className="px-6 py-4">
-                            10/10/2010
-                        </td>
-                        <td className="px-6 py-4 text-right">
-                            <a href="#" className="font-medium text-blue-600 dark:text-blue-500 hover:underline">Reprendre</a>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    );
-
+  return (
+    <div className="relative w-full overflow-x-auto border-2 border-dark/60 bg-dark shadow-md sm:rounded-lg">
+      <table className="w-full text-left text-sm text-gray-500 dark:text-gray-400 ">
+        <thead className="z-1 sticky top-0 bg-light-dark text-xs uppercase text-white">
+          <tr>
+            <th scope="col" className="px-6 py-3">
+              Exercice
+            </th>
+            <th scope="col" className="px-6 py-3">
+              Tentative
+            </th>
+            <th scope="col" className="px-6 py-3">
+              Score
+            </th>
+            <th scope="col" className="px-6 py-3">
+              Dernier essai
+            </th>
+            <th scope="col" className="px-6 py-3">
+              <span className="sr-only">Reprendre</span>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr className=" border-b bg-dark hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">30</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="border-b bg-dark  hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">40</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+          <tr className="bg-dark hover:bg-gray-50 dark:hover:bg-gray-600">
+            <th
+              scope="row"
+              className="whitespace-nowrap px-6 py-4 font-medium text-gray-900 dark:text-white"
+            >
+              Exercice 1
+            </th>
+            <td className="px-6 py-4">60</td>
+            <td className="px-6 py-4">300</td>
+            <td className="px-6 py-4">10/10/2010</td>
+            <td className="px-6 py-4 text-right">
+              <a href="#" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
+                Reprendre
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
 }
-