[ FIX ] 메세지 카드 이름 overflow 수정 #64
Description
📄 이슈 내용
- 메세지 카드 이름 레이아웃 버그
- 서브 헤드 메세지 카드 개수 업데이트 버그
📝 상세 내용
- 메세지 카드 긴 텍스트에 대해서, 텍스트 길이가 길어져서 옆에 있는 휴지통 아이콘 레이아웃 오류 발생, 동일한 컴포넌트 사용하는 modal쪽도 동일.
- 메세지 카드 삭제할 경우 서브 헤더의 currentCard count 개수 업데이트가 안됨
✅ 체크 리스트
- messageCardHeader 컴포넌트에 대해서 Modal과 message카드일 때 각각 해당 오른쪽에 들어가는 요소의 사이즈를 제외한 크기로 width값 등록
- overflow상황에서 텍스트 말줄임표로 자르는 코드 추가
- subheader에 전달되는 메세지 카드 개수를 따로 state로 저장하여 해당 값을 props로 보내는 방식으로 변경