[이슈 상세 페이지] MainContent 이벤트 및 comment api 적용

[sang-gyeong]

예상 화면

기능

이슈 상세페이지의 MainContent 이벤트를 구현
Comment API를 구현하고 이를 연동

요구 사항

➊ 코멘트 목록 최하단에는 새로운 코멘트를 작성할 수 있는 영역이 표시된다.

• 코멘트 편집 화면과 동일한 구조를 갖는다. 다만 [Cancel], [Update comment] 대신 [Close issue]와 [Comment] 버튼이 표시된다.

➋ [Close issue] 버튼을 클릭하면 해당 이슈가 클로즈되고 [Reopen issue]로 버튼이 변경된다. [Reopen issue] 버튼을 다시 클릭하면 해당 이슈가 다시 오픈되고 [Close issue]로 버튼이 다시 바뀐다.

• 화면은 이슈 상세 화면 그대로 유지된다.

➌ 코멘트 내용을 작성하면 [Comment] 버튼이 활성화된다. 아무 내용도 없으면 다시 버튼이 비활성화된다.

• 내용 작성 후 [Comment] 버튼을 누르면 상단의 다른 코멘트들과 같은 디자인으로 코멘트가 달린다.