From 9ad78b342e6735bec7bdd04e95b7f81fcc262a2e Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Mon, 15 Dec 2025 15:32:11 +0100
Subject: [PATCH] Call create function + update style

---
 .../createEventBtn/CreateEventBtn.jsx         | 22 +++++++++++++++++++
 .../createEventBtn/createEventBtn.module.css  | 21 ++++++++++++++++++
 2 files changed, 43 insertions(+)

diff --git a/src/components/createEventBtn/CreateEventBtn.jsx b/src/components/createEventBtn/CreateEventBtn.jsx
index 9a4a7c2..3e638db 100644
--- a/src/components/createEventBtn/CreateEventBtn.jsx
+++ b/src/components/createEventBtn/CreateEventBtn.jsx
@@ -2,19 +2,41 @@ import styles from "./createEventBtn.module.css"
 import { useState } from "react";
 import Modal from "../ui/modal/modal.jsx";
 import Button from "../ui/button/button.jsx";
+import TextInput from "../ui/input/input.jsx";
+import createEvent from "../../utils/event/createEvent.js"
 
 
 export default function CreateEventBtn() {
 
     const [isOpen, setIsOpen] = useState(false);
+    const [name, setName] = useState("");
+    const [description, setDescription] = useState("");
+
+    const handleCreateEvent = async () => {
+
+        if(name !== "" || description !== "") await createEvent(name, description);
+        setIsOpen(false);
+    }
 
     return <>
         <Button className={`${styles.createButton} glassCard`} variant={"default"} onClick={() => setIsOpen(true)}> + </Button>
 
         <Modal title={"Créer un événement"} open={isOpen} onClose={() => setIsOpen(false)}>
 
+            <section className={styles.section}>
+                <div className={styles.inputContainer}>
+                    <h2>Titre</h2>
+                    <TextInput placeholder={"Nom de l'événement"} value={name} onChange={e => setName(e.target.value)} />
+                </div>
 
+                <div className={styles.inputContainer}>
+                    <h2>Description</h2>
+                    <TextInput placeholder={"Description de l'événement"} value={description} onChange={e => setDescription(e.target.value)} />
+                </div>
 
+                <Button onClick={handleCreateEvent} className={styles.create}>Créer</Button>
+
+            </section>
         </Modal>
     </>
 }
\ No newline at end of file
diff --git a/src/components/createEventBtn/createEventBtn.module.css b/src/components/createEventBtn/createEventBtn.module.css
index fae169d..5676052 100644
--- a/src/components/createEventBtn/createEventBtn.module.css
+++ b/src/components/createEventBtn/createEventBtn.module.css
@@ -17,4 +17,25 @@
 .createButton:hover {
     transform: translateY(-5px);
     cursor: pointer;
+}
+
+.inputContainer {
+
+    h2 {
+        margin-bottom: 0.5rem;
+    }
+
+    margin: 1em;
+}
+
+.create {
+    align-self: center;
+}
+
+.section {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
\ No newline at end of file