From b956b8d96ce3d655999081d2b5b439ea8953233a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B3=80=ED=98=84=EC=84=9D?= <bhs3066@gmail.com>
Date: Thu, 5 Dec 2024 18:21:53 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix=20:=20Nav=20=EC=B5=9C=EB=8C=80=EB=86=92?=
 =?UTF-8?q?=EC=9D=B4=20=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Nav.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Nav.jsx b/src/pages/Nav.jsx
index 4173fca..a70d2e9 100644
--- a/src/pages/Nav.jsx
+++ b/src/pages/Nav.jsx
@@ -70,7 +70,7 @@ const Container = styled.div`
   bottom: 0;
   width: 100%;
   max-width: 600px;
-  max-height: 600px;
+  max-height: 70px;
   // height: 8vh; // 네비게이션 바의 높이를 화면 비율에 맞춰 설정 (전체 화면의 10%)
   height: 70px; // 네비게이션 바의 높이를 화면 비율에 맞춰 설정 (전체 화면의 10%)
   border-top: solid 1px #d6d6d6;

From 3c643d8779bcc6f9d72bd8516554d7cfc21a97a8 Mon Sep 17 00:00:00 2001
From: kimtree24 <ktj503@naver.com>
Date: Thu, 5 Dec 2024 18:32:47 +0900
Subject: [PATCH 2/2] =?UTF-8?q?FIX:=20=EB=A9=94=EC=84=B8=EC=A7=80=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/userpage/MessageDetail.jsx | 54 ++++++++++++++--------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/src/pages/userpage/MessageDetail.jsx b/src/pages/userpage/MessageDetail.jsx
index 5571154..4d0e7ae 100644
--- a/src/pages/userpage/MessageDetail.jsx
+++ b/src/pages/userpage/MessageDetail.jsx
@@ -65,6 +65,24 @@ const MessageDetail = () => {
 
   const [newMessage, setNewMessage] = useState("");
 
+  // const handleSendMessage = async() => {
+  //   console.log(itemId, itemType, receiverId, newMessage)
+  //   //let newReceiverId = senderId;
+  //   let userA
+  //   if(localStorage.getItem("userID") == localStorage.getItem("localReceiverId")){
+  //     userA = localStorage.getItem("localSenderId")
+  //   }else{
+  //     userA = localStorage.getItem("localReceiverId")
+  //   }
+  //   const response = await sendMessage(itemId, itemType, userA, newMessage)
+  //   //console.log(response)
+  //   window.location.reload();
+  // };
+
+  const handleInputChange = (e) => {
+    setNewMessage(e.target.value);
+  };
+
   const fetchMessages = async () => {
     try {
       const response = await getMessage(
@@ -78,10 +96,8 @@ const MessageDetail = () => {
         timestamp: `${msg.timestamp.slice(0, 10)} ${msg.timestamp.slice(11, 16)}`,
         message: msg.message,
       }));
-      // 상태가 변경된 경우만 업데이트
-      if (JSON.stringify(messages) !== JSON.stringify(formattedMessages)) {
         setMessages(formattedMessages);
-      }
+      
     } catch (error) {
       console.error(error);
     }
@@ -95,7 +111,7 @@ const MessageDetail = () => {
     }, 2000);
 
     return () => clearInterval(interval); // 컴포넌트 언마운트 시 interval 제거
-  }, []);
+  }, [messages]);
 
   const handleSendMessage = async () => {
     let userA = localStorage.getItem("userID") === localStorage.getItem("localReceiverId")
@@ -111,33 +127,15 @@ const MessageDetail = () => {
     }
   };
 
-  // const handleSendMessage = async() => {
-  //   console.log(itemId, itemType, receiverId, newMessage)
-  //   //let newReceiverId = senderId;
-  //   let userA
-  //   if(localStorage.getItem("userID") == localStorage.getItem("localReceiverId")){
-  //     userA = localStorage.getItem("localSenderId")
-  //   }else{
-  //     userA = localStorage.getItem("localReceiverId")
-  //   }
-  //   const response = await sendMessage(itemId, itemType, userA, newMessage)
-  //   //console.log(response)
-  //   window.location.reload();
 
+  // const handleKeyDown = (e) => {
+  //   if (e.key === "Enter") {
+  //     e.preventDefault();
+  //     handleSendMessage();
+  //     window.location.reload();
+  //   }
   // };
 
-  const handleInputChange = (e) => {
-    setNewMessage(e.target.value);
-  };
-
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSendMessage();
-      //window.location.reload();
-    }
-  };
-
   const formatMessage = (message)=>{
     const newMessage = message.slice(12,-2)
     return newMessage