add leave chat button to bottom of chat room info container

phillip-che · Dec 5, 2023 · e8d3ed1 · e8d3ed1
1 parent 1841bc6
commit e8d3ed1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/client/components/ChatRoomInfo.tsx b/client/components/ChatRoomInfo.tsx
@@ -1,5 +1,6 @@
 import "../styles/ChatRoomInfo.css"
 
+import LeaveChatButton from "./LeaveChatButton";
 import { useSocket } from "@/context/socket.context"
 
 const ChatRoomInfo = () => {
@@ -20,6 +21,7 @@ const ChatRoomInfo = () => {
             <div className="user-list">
                 {usersConnected?.map((user) => (<p className="user-connected">• {user}</p>))}
             </div>
+            <LeaveChatButton />
         </div>
     );
 }

diff --git a/client/styles/LeaveChatButton.css b/client/styles/LeaveChatButton.css
@@ -2,7 +2,6 @@
     display: flex;
     position: absolute;
     bottom: 0px;
-    /* background-color: aqua; */
     margin-left: 30px;
 }