From f4447fd2dca8fa08bc3de4c56c60cfc9e887f14c Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Fri, 5 Apr 2024 21:19:09 -0400
Subject: [PATCH] Fixes to Send Box in Chat Messages

---
 frontend-next/src/app/user/page.js            | 1 -
 frontend-next/src/components/app/page/chat.js | 9 ++++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend-next/src/app/user/page.js b/frontend-next/src/app/user/page.js
index 0aa79af..39a4751 100644
--- a/frontend-next/src/app/user/page.js
+++ b/frontend-next/src/app/user/page.js
@@ -35,7 +35,6 @@ function UserProfile() {
 
   // Authentication
   useEffect(() => {
-  
     onAuthStateChanged(auth, (user) => {
       const searchParams = new URLSearchParams(document.location.search);
       var userUID = searchParams.get("uid")
diff --git a/frontend-next/src/components/app/page/chat.js b/frontend-next/src/components/app/page/chat.js
index 019f9ea..1af3db9 100644
--- a/frontend-next/src/components/app/page/chat.js
+++ b/frontend-next/src/components/app/page/chat.js
@@ -8,6 +8,9 @@ import { database } from "../../../../firebase-config";
 // Component Imports
 import { Chat, SystemMessage } from "../datatypes";
 
+// Icons
+import SendIcon from '@mui/icons-material/Send';
+
 /**
  * Chat Room Component
  * @prop {JSON} roomObj - Room Object
@@ -75,9 +78,9 @@ export function ChatRoom({ roomObj, user }) {
           onSubmit={handleSubmit(sendMessage)}
           control={control}
         >
-          <div className="width-[100%] grid grid-cols-6">
-            <input type="text" {...register("message")} placeholder="Enter message" className="col-span-5 border-[0px] mt-[8px] mb-[8px]" />
-            <button className="p-2 cursor-pointer bg-cyan-500 text-white font-bold rounded-full mr-5 w-[60px]">Send</button>
+          <div className="width-[100%] grid grid-cols-6 pr-5 pt-1">
+            <input type="text" {...register("message")} placeholder="Enter message..." className="col-span-5 border-[0px]" />
+            <button className="p-2 cursor-pointer bg-cyan-500 text-white font-bold rounded-full mr-5 w-[100%]"><SendIcon/></button>
           </div>
         </Form>
       </div>