Fix: MessagePage.tsx에 NoSQL형식 더미 데이터를 불러온다

[Kim-DaHam]

개요

MessagePage.tsx에 NoSQL형식의 더미 데이터를 불러옵니다.

작업사항

• /messageRoom GET api 요청 핸들러를 NoSQL 데이터 형식에 맞춰 수정한다.
• MessageRoomList.tsx 컴포넌트에서 /messageRooms GET api 요청을 한다.
  • 요청 실패 시 ApiErrorFallback 컴포넌트를 보여준다.
• /message url 경로로 접근 시 대화방을 아무것도 클릭하지 않으면 MessageRoom은 보이지 않는다.(null상태)

변경로직

• MessagePage.tsx에 필요한 데이터를 컴포넌트 단위로 나누어 요청한다.
  • MessageRoom.tsx 데이터는 /messageRoom GET 요청으로 받는다. (특정 파트너와 대화방 데이터)
  • MessageRoomList.tsx 데이터는 /messageRooms GET 요청으로 받는다. (대화방 목록 데이터)
  • 대화방 나가기 클릭 시 ['message', 'list'] queryKey를 가진 데이터가 업데이트/리렌더링 된다.
  • ['message', partnerId] queryKey를 가진 데이터는 삭제된다.

변경전

• /messageRoom GET api 요청으로 모든 대화방 목록, 특정 대화방 데이터를 받았습니다.

변경후

https://github.com/Kim-DaHam/Portfolly/assets/81691456/63ef2c75-8d55-41db-abb2-e389e18d25d1