From 765a721b0357fd49e9c854958742ba86887baed5 Mon Sep 17 00:00:00 2001
From: JitHoon <imessi0336@gmail.com>
Date: Thu, 16 Nov 2023 12:16:26 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EC=B1=84=ED=8C=85=EB=B0=A9=20=EC=9E=85?=
 =?UTF-8?q?=EC=9E=A5=20=ED=87=B4=EC=9E=A5=20=EC=95=8C=EB=9E=8C=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=8C=80=EC=B2=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Components/Chat/ChatRoom.tsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/Components/Chat/ChatRoom.tsx b/Components/Chat/ChatRoom.tsx
index 254362c..0075153 100644
--- a/Components/Chat/ChatRoom.tsx
+++ b/Components/Chat/ChatRoom.tsx
@@ -7,6 +7,7 @@ import { DefaultEventsMap } from 'socket.io/dist/typed-events';
 import ChatHeader from '@/Components/Chat/ChatHeader';
 import RenderChats from '@/Components/Chat/RenderChats';
 import Image from 'next/image';
+import Swal from 'sweetalert2';
 
 const ChatRoom = ({
 	socket,
@@ -84,10 +85,7 @@ const ChatRoom = ({
 		if (socket?.connected) {
 			socket.on('join', (responseData) => {
 				setChatUsers([...chatUsers, ...responseData.users]);
-				socket.emit(
-					'message-to-server',
-					`${responseData.users[0]} 님이 입장하셨습니다.`,
-				);
+				Swal.fire(`${responseData.users[0]} 님이 입장하셨습니다.`);
 			});
 		}
 
@@ -102,10 +100,7 @@ const ChatRoom = ({
 		if (socket?.connected) {
 			socket.on('leave', (responseData) => {
 				setChatUsers([...chatUsers, ...responseData.users]);
-				socket.emit(
-					'message-to-server',
-					`${responseData.leaver} 님이 퇴장하셨습니다.`,
-				);
+				Swal.fire(`${responseData.leaver} 님이 퇴장하셨습니다.`);
 			});
 		}
 
@@ -131,7 +126,7 @@ const ChatRoom = ({
 	};
 
 	return (
-		<div className="h-screen">
+		<div className="h-screen overflow-y-scroll">
 			<ChatHeader
 				chatId={chatId}
 				chatName={chatName}
@@ -167,15 +162,15 @@ const ChatRoom = ({
 				</>
 			)}
 
-			<div className="w-full sm:w-[425px] h-14 flex justify-evenly items-center py-8 bg-gray-100 fixed bottom-0">
+			<div className="w-full sm:w-[425px] h-14 flex justify-evenly items-center py-8 bg-footer fixed bottom-0">
 				<input
 					type="text"
 					value={newMessage}
 					onChange={(e) => setNewMessage(e.target.value)}
 					onKeyPress={handleKeyPress}
-					className="w-4/5 px-4 py-3 rounded-2xl"
+					className="w-4/5 px-4 py-3 rounded-2xl focus:outline-none"
 				/>
-				<div className="flex justify-center items-center w-10 h-10 bg-pink-100 rounded-lg">
+				<div className="flex justify-center items-center w-10 h-10 bg-send rounded-lg">
 					<Image
 						src={'/icon_send.svg'}
 						width={25}