Feat/ 35 Tree Item Detail Page

seungyeonnn commented 7 months ago

Issues 번호 :

Closes #35

변경, 추가된 코드(설명 등)

Component
- BgSelectForm : 선택된 편지지를 보여줌
- LetterForm : 편지 작성 폼 ( but index.vue안에 따로 작성해서 삭제 예정,,? 어떻게 될지 몰라서 일단 뒀어요!)
- LetterPaper : 편지지 선택 버튼들 (이름 좀 더 직관적으로 수정 예정)
Function
- 편지지 선택, default된 편지지가 있어서 따로 button에 :disabled="true"를 주진 않았음
- 제목, 내용이 모두 입력 되어야 편지쓰기 button이 활성화 됨
Modify
- TreeEditSelectTreeCard.vue 에 click 이벤트 추가 (편지지 선택 버튼에 필요 )

코드 주의점

편지지 선택 버튼에 해당하는 편지지 이미지도 보여줄 예정이에요
아직 진행 중이라 test용 코드가 섞여 있어요 (클릭하면 다음으로 넘어 가는 기능 등)
최대한 주석으로 표시 해놓긴 했어요! 나중에 지울 예정
편지 내용 입력 폼에 추가로 css 적용 예정이에요 (width, height 등)

🙋‍♀️Question

layout,,, mobile,, 왜 안바뀌지,, (개발자 모드 화면을 핸드폰 크기 설정해놨어서,, 코드에 해야되는 걸 잊고 마지막에 LayoutType 설정을 해버렸다네요,, 주절주절,,,)
컴포넌트를 더 나눠야 될까요,,,,

스크린샷

LETTER_SELECT 편지지 선택
WRITE_LETTER 편지 작성 (button disabled="true")
WRITE_LETTER 편지 작성 (button disabled="false")

Summary by CodeRabbit

- New Feature: TreeItemDetail 페이지에 대한 기본 디자인 추가
- New Feature: 편지지 선택 부분 임시 구현
- Refactor: CpDialog, CpButton, CpLetter, TreeEditSelectTreeCard 컴포넌트 import 및 사용 변경

github-actions[bot] commented 7 months ago

CodeRabbit

개요:

최신 변경 사항은 TreeItemDetail 페이지에 대한 기본 디자인 추가 및 편지지 선택 부분의 임시 구현이 포함되어 있습니다. 또한 CpDialog, CpButton, CpLetter, TreeEditSelectTreeCard 컴포넌트의 import 및 사용 방식이 변경되었습니다.

상세 정보:

src/containers/treeitem/detail/index.vue:
- TreeItemDetail 페이지에 대한 기본 디자인 추가
- 편지지 선택 부분 임시 구현
- CpDialog, CpButton, CpLetter, TreeEditSelectTreeCard 컴포넌트 import 및 사용 변경
  
  Uplevel your code reviews with CodeRabbit Pro
  ### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

doyou1 commented 7 months ago

수정해봤습니다. 확인 부탁