From 92981c205873f585293beb81b7f9de81c2f0f0c5 Mon Sep 17 00:00:00 2001
From: AntoninoP <antoninopiraino70@gmail.com>
Date: Tue, 9 Jul 2024 22:20:18 +0200
Subject: [PATCH] fix style et autres jsplu mais gg wp

---
 src/components/serverCard/serverCard.jsx         |  4 ++--
 .../DashboardPage/DashboardPage.module.scss      |  1 -
 src/pages/ServerDetails/ServerDetails.jsx        |  3 ++-
 .../ServerDetails/ServerDetails.module.scss      | 16 ++++++++++++----
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/serverCard/serverCard.jsx b/src/components/serverCard/serverCard.jsx
index 4f00172..7786598 100644
--- a/src/components/serverCard/serverCard.jsx
+++ b/src/components/serverCard/serverCard.jsx
@@ -59,10 +59,10 @@ const ServerCard = ({ status, version, name, framework, onRunClick, onStopClick,
           <div className="tooltip"></div>
         </div>
         <div className={styles.buttonContainer}>
-          {!status && (
+          {status === "false" && (
             <button className={styles.stoppedButton} onClick={handleRun}>▶ Démarrer</button>
           )}
-          {status && (
+          {status === true && (
             <button className={styles.runningButton} onClick={handleStop}>◼ Arrêter</button>
           )}
         </div>
diff --git a/src/pages/DashboardPage/DashboardPage.module.scss b/src/pages/DashboardPage/DashboardPage.module.scss
index 9bca5c3..55b587b 100644
--- a/src/pages/DashboardPage/DashboardPage.module.scss
+++ b/src/pages/DashboardPage/DashboardPage.module.scss
@@ -1,7 +1,6 @@
 html, body {
   margin: 0;
   padding: 0;
-
   font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif;
   background-color: var(--main-bg-color);
 }
diff --git a/src/pages/ServerDetails/ServerDetails.jsx b/src/pages/ServerDetails/ServerDetails.jsx
index d6fa998..3520b71 100644
--- a/src/pages/ServerDetails/ServerDetails.jsx
+++ b/src/pages/ServerDetails/ServerDetails.jsx
@@ -45,7 +45,7 @@ const ServerDetails = ({ user }) => {
         <Navbar user={user} />
         <div className={styles.error}>
           <h1>{error}</h1>
-          <button onClick={() => navigate('/dashboard')}>Back to Dashboard</button>
+          <button onClick={() => navigate('/dashboard')}>Retour au Dashboard</button>
         </div>
       </div>
     );
@@ -56,6 +56,7 @@ const ServerDetails = ({ user }) => {
       <Navbar user={user} />
       <div className={styles.details}>
         <h1>{server.name}</h1>
+        <h1>{server.difficulty}</h1>
       </div>
     </div>
   );
diff --git a/src/pages/ServerDetails/ServerDetails.module.scss b/src/pages/ServerDetails/ServerDetails.module.scss
index 5e3a723..87d3df9 100644
--- a/src/pages/ServerDetails/ServerDetails.module.scss
+++ b/src/pages/ServerDetails/ServerDetails.module.scss
@@ -1,7 +1,15 @@
-.details{
+html, body {
+    margin: 0;
+    padding: 0;
     color: white;
 }
 
-.serverDetailsContainer{
-    margin-top: 10rem;
-}
\ No newline at end of file
+.serverDetailsContainer {
+    padding-top: var(--navbar-height);
+    background-color: var(--main-bg-color);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--text-color);
+}
+