From 05b685dc2c45c0fa6b4567df2f68828fa413db87 Mon Sep 17 00:00:00 2001
From: DahmaneYanis <dahmane.yanis.2004@gmail.com>
Date: Fri, 12 Jan 2024 10:45:59 +0100
Subject: [PATCH] Add the settings page's base

---
 front/style/settings/settings.css | 17 ++++++++++-
 front/views/Settings.tsx          | 51 ++++++++++++-------------------
 2 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/front/style/settings/settings.css b/front/style/settings/settings.css
index 79d54fa..c3cfd47 100644
--- a/front/style/settings/settings.css
+++ b/front/style/settings/settings.css
@@ -1,2 +1,17 @@
 @import url(../template/header.css);
-@import url(../theme/dark.css);
\ No newline at end of file
+@import url(../theme/dark.css);
+
+#body {
+    background-color: var(--second-color);
+    border: 1px solid red;
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+}
+
+#content {
+    width: 85%;
+    border: 1px yellow solid;
+    height: 100%;
+}
\ No newline at end of file
diff --git a/front/views/Settings.tsx b/front/views/Settings.tsx
index 839b851..05106f2 100644
--- a/front/views/Settings.tsx
+++ b/front/views/Settings.tsx
@@ -5,43 +5,32 @@ export default function Settings({username} : {username : string}){
     return (
         <div id="main">
             <Header username={username} />
+            <Body/>
         </div>
     )
 }
 
-/**
- * 
- * @param param0 username
- * @returns Header
- */
-export function Title({ username }: { username: string }) {
+function Body() {
     return (
-        <div id="header">
-            <div id="header-left"></div>
-            <div id="header-center">
-                <h1
-                    id="IQBall"
-                    className="clickable"
-                    onClick={() => {
-                        location.pathname = "/"
-                    }}>
-                    <span id="IQ">IQ</span>
-                    <span id="Ball">Ball</span>
-                </h1>
-            </div>
-            <div id="header-right">
-                <div className="clickable" id="clickable-header-right">
-                    {/* <AccountSvg id="img-account" /> */}
-                    <img
-                        id="img-account"
-                        src="account.svg"
-                        onClick={() => {
-                            location.pathname = "/settings"
-                        }}
-                    />
-                    <p id="username">{username}</p>
-                </div>
+        <div id="body">
+            <div id="content">
+                <Title/>
+                <AccountSettings/>
             </div>
         </div>
     )
+}
+
+function Title() {
+    return (
+        <h1>Paramètres</h1>
+    )
+}
+
+function AccountSettings(){
+    return (
+        <div id="account">
+
+        </div>
+    )
 }
\ No newline at end of file