💄 letter-storage 페이지 바텀시트

[KimGaeun0806]

📎 이슈번호

📃 변경사항

• letter-storage 페이지 바텀시트 UI 생성
• 바텀시트 배경색 적용을 하지 못해서 일단 그부분은 뒀습니다 (글씨가 흰색이라 지금은 잘 안보입니다..잘보면 보여요) (2022/12/26 수정 -> 바텀시트 컴포넌트 변경에 맞춰서 다시 수정했습니다)
• 보낸 사람이랑 태그 부분은 비슷해서 props를 받아서 수정할 수 있게 했습니다

📌 중점적으로 볼 부분

• 바텀시트 전체에 padding 주는 것을 실패해서 바텀시트 내 컴포넌트 각각에 padding 을 따로따로 줬습니다.. 방법이 있을까요? (바텀시트 컴포넌트 변경으로 해결했습니다)
• (components/features/letterStorage/bottomSheet/BottomSheetHeader/styled.ts) Navigation 부분에서 isSelected에 따라 Body5, Display2를 각각 적용해주고싶은데 방법을 모르겠네요.. 아시는 분 계시면 코멘트 달아주시면 감사하겠습니다..!

🎇 스크린샷

• 피그마

  

• 개발 (2022/12/26 사진 변경)

💫 기타사항

• 컴포넌트 수정에 따라 변경을 더 해야할 것 같습니다 (변경했습니다)
• api 하면서 자잘하게 더 손댈 부분들이 있습니다..!

✔ 체크리스트

• [ ] 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• [ ] 커밋 메세지를 컨벤션에 맞추었습니다.
• [ ] 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• [ ] 변경 후 코드는 기존의 테스트를 통과합니다.
• [ ] 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• [ ] docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.

[KimGaeun0806]

${({ isSelected }) => (isSelected ? Body2 : Display5)}; 저는 이렇게 했었는데 그래도 안되나요?

안되는줄 알았는데 다시 저대로 해보니 잘 되네요 .. ... 수정하겠습니다!