From e7a283b39e7fe4fb811fc65462b792a9b93fc26b Mon Sep 17 00:00:00 2001
From: Romain Mallard <romaimallard@gmail.com>
Date: Wed, 28 Jan 2026 03:13:40 +0100
Subject: [PATCH] create conv message fix

---
 src/components/MainApp.jsx           |  2 +-
 src/components/widget/chatWidget.jsx | 19 +++++++++++++------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/MainApp.jsx b/src/components/MainApp.jsx
index 0e0aa7e..60333c4 100644
--- a/src/components/MainApp.jsx
+++ b/src/components/MainApp.jsx
@@ -32,7 +32,7 @@ function MainApp() {
       <h2>Dashboard</h2>
       <section className="main">
 
-        <AdminWidget/>
+     
         <RoomWidget roomlist={rooms}/> 
         <ChatWidget convlist={conversations}/> 
         <InventoryWidget/>
diff --git a/src/components/widget/chatWidget.jsx b/src/components/widget/chatWidget.jsx
index 433da1f..c03df7c 100644
--- a/src/components/widget/chatWidget.jsx
+++ b/src/components/widget/chatWidget.jsx
@@ -47,6 +47,7 @@ return (
                         Add users
                     </button>
                     <button
+                        hidden={showCreateConv}
                         onClick={() => setShowCreateConv(v => !v)}
                     >
                         Create Conv
@@ -65,6 +66,12 @@ return (
                 />
             )}                
 
+            {showCreateConv && (
+                <CreateConvMenu
+                onSend={createConversation}
+                />
+            )}
+
             {activeConvId && (
                 <MessagesBox
                     conv_id={activeConvId}
@@ -176,20 +183,20 @@ function AddUsersMenu({ convId, usersById, fetchConvUsers, onValidate, onClose }
 
 function CreateConvMenu({onSend}) {
 
-    const [nametext, setNameText] = useState("");
+    const [nameText, setNameText] = useState("");
     const handleSend = () =>{
-        if (!nametext.trim()) return;
+        if (!nameText.trim()) return;
 
-        onSend(nametext);
+        onSend(nameText);
 
-        setText("");
+        setNameText("");
     };
 
     return (
         <div className="createConvBox">
             <input
-                value= {text}
-                onChange= {element => setText(element.target.value)}
+                value= {nameText}
+                onChange= {element => setNameText(element.target.value)}
                 placeholder="Ma Conversation"
             />
             <button onClick= {handleSend}>Send</button>