[Fix] 서버와 채팅 메시지 타입 맞지 않아 발생했던 error 해결 & 리팩토링

[nim-od]

🔘Part

• 이벤트 페이지

  
  

🔎 작업 내용

as-is

기획 단계에서의 채팅기능에 따라 - notice, block, chat 이 배열에 섞여서 내려옴
�준하님과 채팅 관련 기능 구현 초반에 논의했던 데이터 타입

export type NoticeChatProps = {
	id: string;
	type: 'n';
	content: string;
	sender?: never;
	team?: never;
};

export type MessageChatProps = {
	id: string;
	type: 'm';
	sender: string;
	content: string;
	team: SocketCategory;
};

type BlockedChatProps = {
	id: string;
	type: 'b';
	sender?: never;
	content?: never;
	team?: never;
};

export type ChatProps = NoticeChatProps | MessageChatProps | BlockedChatProps;

to-be

1. 공지는 상단 고정되어 보여주기에 따로 관리
2. 소켓 연동 시점에 채팅 리스트를 받아온다.
   - 서버는 이미 block된 채팅을 제외하고, 메시지 내역과 notice를 �리스트 형태로 보내준다.
   - notice는 채팅 내역의 마지막에 단 하나만 포함된다.
   - notice가 없을 경우 내려오지 않으며, 마지막 데이터의 공지 여부는 sender로 판단한다.