-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(my-info): 내 정보 페이지 API 연동 #29
Conversation
…to feat/my-info-api
…to feat/my-info-api
…to feat/my-info-api
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
❌ Deploy Preview for bbogak failed.
|
@@ -50,49 +50,61 @@ function RemovalbleTag({ children, className, color, onClick, ...props }: Strict | |||
); | |||
} | |||
|
|||
function Trigger({ children }: StrictPropsWithChildren) { | |||
function Trigger({ children, className }: StrictPropsWithChildren<{ className?: string }>) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
각 컴포넌트별로 className
을 프롭스로 받을 수 있도록 처리했어요!
기존에 ui 변경을 하려면 TagSelector
의 classNames
를 사용해야 했는데, ui 코드의 위치와 적용되는 컴포넌트의 위치가 달라서 조금 불편한 느낌이 있었어요..!
테일윈드 특성상 클래스가 길어지면 DOM 코드가 복잡해지는 문제가 있는데, 위치까지 다르니 코드가 많이 혼란스럽더라구요🥲
또한 Base, Content, Trigger 외 Notice 컴포넌트 등에도 ui 변경이 필요해서 해당 컴포넌트에도 className
을 받을 수 있도록 해줬습니다.
+) 프롭스 이름이 className
이여야 vsc 테일윈드 익스텐션의 도움을 받을 수 있습니다👍
} | ||
|
||
export function useTagSelector({ ...props }: UseTagSelectorProps) { | ||
const { as, ref, classNames, disabled } = props; | ||
const { as, ref, classNames, disabled, onChange } = props; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
태그 셀렉터의 열림 상태에 따른 UI가 필요해서 onChange
프롭스를 추가 해줬습니다!
…to feat/my-info-api
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다!!
빼먹은 타입도 챙겨주셔서 감사해요 (--)(__)
* 카드 추가 모달 구현 * type 명 변경 * feat: 카드 조회 api 연동 * CustomDialog * 카드 추가하기 기능 구현 * 카드삭제 기능 구현 * 터치버튼 * http * 쿼리키 분리 * 카드 추가 후 에디터로 이동 * ui 일부 수정 * 제목 색상 변경 * delete
* 카드 추가 모달 구현 * type 명 변경 * feat: 카드 조회 api 연동 * CustomDialog * 카드 추가하기 기능 구현 * 카드삭제 기능 구현 * 터치버튼 * http * 쿼리키 분리 * 카드 추가 후 에디터로 이동 * ui 일부 수정 * 제목 색상 변경 * delete
* 카드 추가 모달 구현 * type 명 변경 * feat: 카드 조회 api 연동 * CustomDialog * 카드 추가하기 기능 구현 * 카드삭제 기능 구현 * 터치버튼 * http * 쿼리키 분리 * 카드 추가 후 에디터로 이동 * ui 일부 수정 * 제목 색상 변경 * delete
4. 완료 사항
5. 추가 사항 / 코드 리뷰 받고 싶은 부분