칭찬하기 페이지 (TTaBong)

페이지 TTaBongPage

• page template 사용

• BaseContentContainer (base component로 만들어 사용)

• 칭찬 대상자 모달

• 칭찬 대상자 인풋 (모달에서 사용자 클릭하면 이름 나타내기)

• 칭찬 사유 (textarea or contentEditable div)

• 사진 업로드

• 라벨

• 칭찬하기 버튼

API

• 해당 유저 JWTtoken 들고오기

• channelId (62a19123d1b81239d875d20d) // 테스트 채널 아이디

• title에 JSON.stringify로 아래 내용 넣기
• receiver
• content
• labelItems
• type ⇒ TTaBong or BigTTaBong

• image

컴포넌트

page template

• props
• page ⇒ TTaBong

BaseContentContainer

• height
• 600px?

TTaBongReceiverContainer

• TTaBongReceiverModal
• 검색할 수 있는 input
• 사용자 클릭할 수 있는 div

• modal에서 pick 한 사용자 보여주기

TTaBongReasonContainer

• textarea or contentEditable div

ImageUploadContainer

• 이미지 넣기

LabelList

• defaultLabel 클릭시 선택 Label로 바뀜

TTaBongButton

• Button 활용