fix: 채팅 페이지 채팅 기능이 작동하지 않는 오류 해결(채팅을 보낼 때 채팅방 id값을 roomId에서 chatRoomI…

…d로 변경, 백엔드 토큰 처리 관련 로직 업데이트) #109

fix: 채팅 페이지 채팅 기능이 작동하지 않는 오류 해결(채팅을 보낼 때 채팅방 id값을 roomId에서 chatRoomId로 변경, 백엔드 토큰 처리 관련 로직 업데이트)

src/container/myPage/chatPage/components/ChatRoom.tsx

@@ -70,7 +70,7 @@ function ChatRoom({ userInfo }: { userInfo?: userInfoType }) {
       destination: "/pub/chat",
       // skipContentLengthHeader: true,
       body: JSON.stringify({
-        roomId: roomInfoState.roomId,
+        chatRoomId: roomInfoState.roomId,
         message: message,
         messageType: "CHAT",
         sender: userInfo?.nickname,
@@ -108,7 +108,7 @@ function ChatRoom({ userInfo }: { userInfo?: userInfoType }) {
       destination: "/pub/chat",
       // skipContentLengthHeader: true,
       body: JSON.stringify({
-        roomId: roomInfoState.roomId,
+        chatRoomId: roomInfoState.roomId,
         message: `${"user"}님의 예약이 확정되었습니다.`,
         messageType: "RESERVEATION",
         sender: userInfo?.nickname,
@@ -122,7 +122,7 @@ function ChatRoom({ userInfo }: { userInfo?: userInfoType }) {
       destination: "/pub/chat",
       // skipContentLengthHeader: true,
       body: JSON.stringify({
-        roomId: roomInfoState.roomId,
+        chatRoomId: roomInfoState.roomId,
         message: `${"user"}님, 디저트는 잘 받으셨나요? 
         만족하셨다면 후기를 작성해주세요`,
         messageType: "REVIEW",
@@ -143,30 +143,6 @@ function ChatRoom({ userInfo }: { userInfo?: userInfoType }) {
     };
   }, [roomInfoState]);
 
-  const messageData: messageObjectType[] = [
-    {
-      roomId: 52,
-      sender: "최준형카카오",
-      message: "일반메세지",
-      messageType: "CHAT",
-      dateTime: "2024-03-04",
-    },
-    {
-      roomId: 52,
-      sender: "최준형카카오",
-      message: `${"user"}님의 예약이 확정되었습니다.`,
-      messageType: "RESERVEATION",
-      dateTime: "2024-03-04",
-    },
-    {
-      roomId: 52,
-      sender: "최준형카카오",
-      message: `${"user"}님, 디저트는 잘 받으셨나요? 만족하셨다면 후기를 작성해주세요`,
-      messageType: "REVIEW",
-      dateTime: "2024-03-04",
-    },
-  ];
-
   return (
     <Wrapper>
       {roomInfoState.roomId === 0 ? (
@@ -203,16 +179,7 @@ function ChatRoom({ userInfo }: { userInfo?: userInfoType }) {
             </HeaderBottom>
           </Header>
           <Contents>
-            {/* {chatHistoryState?.map((item: any, index) => (
-              <ChatItem
-                key={index}
-                messageType={item.messageType}
-                myChat={userInfo?.nickname === item.sender}
-                message={item.message}
-                timestamp={item.dateTime}
-              ></ChatItem>
-            ))} */}
-            {messageData?.map((item: any, index) => (
+            {chatHistoryState?.map((item: any, index) => (
               <ChatItem
                 key={index}
                 messageType={item.messageType}