Merge pull request #47 from SWMTheFirstTake/dev

md 사이즈에서 버그 수정

Author: MindulMendul

app/chat/page.tsx

@@ -12,9 +12,9 @@ export default function Chat() {
   const panel = useAtomValue(panelAtom);
   const setPanel = useSetAtom(panelAtom);
 
-  // md 이상일 때 panel이 'chat'이면 자동으로 'closet'으로 전환
+  // lg 이상일 때 panel이 'chat'이면 자동으로 'closet'으로 전환
   useEffect(() => {
-    const mq = window.matchMedia('(min-width: 768px)');
+    const mq = window.matchMedia('(min-width: 1024px)');
     const enforceDesktopPanel = (matches: boolean) => {
       if (matches && panel === 'chat') {
         setPanel('closet');

src/components/landing/NextChat.tsx

@@ -29,6 +29,7 @@ export default function NextChat() {
       if (response.status === 'success' && response.data) {
         router.push(`/chat`);
         setRoomId(response.data.id);
+        console.log(response.data.id);
         mutate({ roomId: response.data.id, inputValue });
       } else console.error('Failed to create chat room:', response.message);
     } catch (error) {

src/components/landing/RoomList.tsx

@@ -1,15 +1,23 @@
+'use client';
+
 import { getChatRoomsHistory } from '@/api/chatAPI';
 import Link from 'next/link';
+import { useEffect, useState } from 'react';
 
-export default async function RoomList() {
-  const response = await getChatRoomsHistory();
+export default function RoomList() {
+  const [roomList, setRoomList] = useState<any[]>([]);
+  useEffect(() => {
+    (async () => {
+      const response = await getChatRoomsHistory();
+      console.log(response);
+      if (response?.data?.all_rooms) setRoomList(response?.data.all_rooms);
+    })();
+  }, []);
 
-  console.log(response);
-  if (response.status == 'fail') {
+  if (roomList.length == 0) {
     return <div>채팅을 불러올 수 없습니다.</div>;
   }
 
-  const roomList = response.data.all_rooms;
   return (
     <div className="flex flex-col">
       {roomList.map((room, i) => (