From 8894bbd78d93c804d5b71745ff74bd7a2744d660 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@couchet.org>
Date: Tue, 28 Feb 2023 12:30:19 +0100
Subject: [PATCH] name validation

---
 frontend/src/routes/room/create/+page.svelte | 24 +++++++++++---------
 frontend/src/routes/room/join/+page.svelte   |  2 +-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/routes/room/create/+page.svelte b/frontend/src/routes/room/create/+page.svelte
index 44a28da..796e34f 100644
--- a/frontend/src/routes/room/create/+page.svelte
+++ b/frontend/src/routes/room/create/+page.svelte
@@ -12,15 +12,8 @@
 </script>
 
 <div class="container">
-  <div class="form">
-    <h1>Créer une salle</h1>
-    <InputWithLabel label="Nom de la salle" bind:value={name} />
-    {#if !$isAuth}
-      <InputWithLabel label="Votre pseudo" bind:value={pseudo} />
-    {/if}
-    <button
-      class="primary-btn"
-      on:click={() => {
+  <form class="form" on:submit={()=>{
+
 
         loading = true
 		createRoom({ name }, !$isAuth ? pseudo : null).then((r) => {
@@ -35,7 +28,16 @@
       loading= false
 
     });
-	}}
+
+  }}>
+    <h1>Créer une salle</h1>
+    <InputWithLabel label="Nom de la salle" bind:value={name} min="3" max="20" />
+    {#if !$isAuth}
+      <InputWithLabel label="Votre pseudo" bind:value={pseudo} min="4" max="15" />
+    {/if}
+    <button
+      class="primary-btn"
+
     >
       {#if loading}
         <span class="spinner"></span>
@@ -44,7 +46,7 @@
       {/if}
 
     </button>
-  </div>
+  </form>
 </div>
 
 <style lang="scss">
diff --git a/frontend/src/routes/room/join/+page.svelte b/frontend/src/routes/room/join/+page.svelte
index a595325..06caa20 100644
--- a/frontend/src/routes/room/join/+page.svelte
+++ b/frontend/src/routes/room/join/+page.svelte
@@ -10,7 +10,7 @@
   <div class="form">
     <h1>Rejoindre une salle</h1>
     <InputWithLabel label="Code de la salle" bind:value={room} />
-    <button class="primary-btn" on:click={()=>{goto('/room/' + room)}}>
+    <button class="primary-btn" on:click={()=>{goto('/room/' + room.replace('#', ""))}}>
       Rejoindre
     </button>
   </div>