From 0e31e90af982fa9c615a85a0cd26e074cd63a55e Mon Sep 17 00:00:00 2001
From: iMax <latelierroleplay@gmail.com>
Date: Fri, 6 Dec 2024 05:58:13 +0100
Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20d'un=20formulaire=20basique?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/NavBar.tsx |  2 +-
 front/src/pages/ChaosPage.tsx   | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
index b5ebe21..cf2b130 100644
--- a/front/src/components/NavBar.tsx
+++ b/front/src/components/NavBar.tsx
@@ -7,7 +7,7 @@ export default function NavBar(){
     <nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "0.5em 1em"}}>
         <div style={{ display : "flex",  alignItems: "center", flexDirection: "row"}}>
             {/* <LogoButton url="/" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/> */}
-            <span class="material-symbols-outlined"
+            <span className="material-symbols-outlined"
             style={{fontSize: "4em", color: "white", margin: "0.5em"}}>sailing</span>
             <ClickableLink url="/" text = "Accueil" />
             <ClickableLink url="/game" text = "Jeu" />
diff --git a/front/src/pages/ChaosPage.tsx b/front/src/pages/ChaosPage.tsx
index d5f8beb..d76ab29 100644
--- a/front/src/pages/ChaosPage.tsx
+++ b/front/src/pages/ChaosPage.tsx
@@ -28,7 +28,7 @@ export default function ChaosPage(){
       const myArray = [1, 2, 3, 4, 5];
       const shuffledArray = shuffleArray(myArray);
       
-      console.log(shuffledArray);  // Affiche un tableau mélangé
+    //   console.log(shuffledArray);  // Affiche un tableau mélangé
       
 
     const [entry1,setEntry1] = useState("champ1")
@@ -47,6 +47,9 @@ export default function ChaosPage(){
         setFocus(()=>E);
     }
 
+
+    const [tel,setTel] = useState(0)
+
     
     return(
         <div>
@@ -62,6 +65,17 @@ export default function ChaosPage(){
                                                                 rdmFront={randomFront}
                                                                 color={color}/> })}
             </div>
+            <fieldset>
+                <legend>Formulaire super mega bien</legend>
+                <input type="text" placeholder="nom"/>
+                <input type="text" placeholder="prenom"/>
+                <input type="text" placeholder="email"/>
+                <input type="text" placeholder="mdp"/>
+                <input type="text" placeholder="mdp2"/>
+                <label htmlFor="phone">phone : {tel}</label>
+                <input type="range" min="0" max="9999999999" step="1" name="phone" id="phone" value={tel} onChange={(e)=>setTel(parseInt(e.target.value))}/>
+                <input type="submit" value="envoyer"/>
+            </fieldset>
         </div>
     )
 }
\ No newline at end of file