SubHeader component 개발 #34
Description
어떤 기능인가요?
- 화면 전체 header 아래에 받는 사람의 이름과 reaction 목록을 표시하는 sub header를 구현합니다.
- Reaction 목록은 최대 3개만 보여주고, 화살표를 클릭하면 전체 목록이 dropdown으로 표시됩니다.
- Reaction 추가 버튼을 클릭하면 emoji 선택기가 표시되고, 선택한 emoji로 reaction을 추가 및 갱신합니다.
어떤 작업을 할 예정인가요?
- Dummy data 생성 (API 연동은 다른 issue로 진행할 수도 있습니다.)
- Sub header 및 받는 사람 이름 표시
- Reaction 표시
- Reaction 최대 3개 표시
- Reaction 펼쳐서 최대 8개 표시
- Reaction 추가
- Emoji 선택기는 emoji-picker-react package 사용 예정
- Emoji를 추가하는 기능은 API 연동 후 개발 예정
- 공유하기 기능
- URL 클립보드 복사 및 Toast 표시
- 카카오톡 공유하기