From 57ee11bfeab5bc1863f619b00671b2f571fc619d Mon Sep 17 00:00:00 2001
From: bastien ollier <bastien.ollier@etu.uca.fr>
Date: Wed, 22 May 2024 11:17:38 +0200
Subject: [PATCH] =?UTF-8?q?add=20button=20cr=C3=A9er=20une=20salle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/editor/editor.component.html |  8 ++++++++
 src/app/components/editor/editor.component.scss | 11 +++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/app/components/editor/editor.component.html b/src/app/components/editor/editor.component.html
index df54939..e1a834e 100644
--- a/src/app/components/editor/editor.component.html
+++ b/src/app/components/editor/editor.component.html
@@ -59,6 +59,14 @@
         </div>
       }
 
+      <button
+          class="button-join"
+          type="button"
+          (click)="onRunButtonClicked()"
+          [disabled]="isLoaded">
+          Créer une salle
+      </button>
+
       <select id="language" [(ngModel)]="selectedLanguage">
         @for (language of languages; track language.name) {
           <option [ngValue]="language">{{ language.name }}</option>
diff --git a/src/app/components/editor/editor.component.scss b/src/app/components/editor/editor.component.scss
index 0836334..3e19580 100644
--- a/src/app/components/editor/editor.component.scss
+++ b/src/app/components/editor/editor.component.scss
@@ -40,6 +40,17 @@ svg {
   border-radius: 10px;
 }
 
+.button-join {
+  background-color: #1c53bf;
+  border: none;
+  color: white;
+  padding: 12px 16px;
+  font-size: 16px;
+  width: 100px;
+  cursor: pointer;
+  border-radius: 10px;
+}
+
 select {
   background-color: #0000f0;
   border: none;