[component] Comment
Opened this issue · 0 comments
joh16 commented
개요
- Issue 상세 페이지의 덧글
상속 관계
- Included in Comment container, props: comment, dispatch
- ProfileImage
- Content
- DebouncedInput
- Reaction Dropdown, props: dispatch
- Edit Button
- Update comment Button
- Cancel Button
상태
edit
:false
content
:''
reactions
:array[Reaction]
세부 동작
- 기획서
- Reaction Dropdown을 클릭하면 리액션 목록이 나타남
- 본인이 이미 선택한 리액션을 클릭하면
DELETE_REACTION
, 새로운 리액션을 클릭하면ADD_REACTION
으로 dispatch
- 본인이 이미 선택한 리액션을 클릭하면
- 로그인된 사용자와 덧글 작성자가 같은 경우 Edit 버튼이 보임
- Edit 버튼을 누르면
edit
을true
로 변경 - Content는
edit
이false
인 경우p
태그,true
인 경우 DebouncedInput으로 보임 - Update comment 버튼을 누르면 PATCH
/comments/:id
이후content
를DebouncedInput
의 내용으로,edit
을false
로 변경 - Cancel 버튼을 누르면
edit
을false
로 변경