Feat : 링크 수정 & 삭제 기능 작업 #66
Conversation
- DeleteLinkModal 에 linkId 추가 - useLinkCardStore 생성 - dropdown 삭제하기 버튼 작업
components/LinkCard.tsx
Outdated
| const LinkCard = ({ | ||
| onEdit, | ||
| openDelete, | ||
| isFavoritePage, |
There was a problem hiding this comment.
prop으로 받지 않고 const isFavoritePage = router.pathname === '/favorite'; 라는 식의 코드를 안에서 처리해주면 어떨까요?
components/LinkCard.tsx
Outdated
| onEdit, | ||
| openDelete, | ||
| isFavoritePage, | ||
| ...info |
There was a problem hiding this comment.
제가 링크 페이지 PR 올리면서 고쳐놓긴 했는데 ...info로 적어주면 링크데이터 객체 값을 하나하나 명시해주겠다는 의미인데! 그러면 LinkCard 컴포넌트를 리턴할때마다 코드가 엄청 길어집니다! map으로 돌릴때 el 요소를 그냥 info에 넣어주는게 전 더 깔끔한 것 같아요!
components/LinkCard.tsx
Outdated
| (isSubscribed ? ( | ||
| <div | ||
| onClick={() => setIsSubscribed(!isSubscribed)} | ||
| className="absolute top-[15px] right-[15px] z-1" | ||
| > | ||
| <Image | ||
| src="/icons/star-fill.svg" | ||
| width={32} | ||
| height={32} | ||
| alt="subscripe button" | ||
| /> | ||
| </div> | ||
| ) : ( | ||
| <div | ||
| onClick={() => setIsSubscribed(!isSubscribed)} | ||
| className="absolute top-[15px] right-[15px] z-1" | ||
| > | ||
| <Image | ||
| src="/icons/star-empty.svg" | ||
| width={32} | ||
| height={32} | ||
| alt="subscripe button" | ||
| /> | ||
| </div> |
There was a problem hiding this comment.
isSubscribded에 따라 이미지만 바뀌니
src={isSubscribed ? "/icons/star-fill.svg" : "/icons/star-empty.svg"} 한줄로 분기처리하면 더 깔끔할거 같습니다 !
There was a problem hiding this comment.
오 저도 이거 신경쓰였는데 이런 방법이👍👍
components/Dropdown.tsx
Outdated
| openDelete: () => void; | ||
| } | ||
|
|
||
| const Dropdown = ({ isDropdownOpen, onEdit, openDelete }: DropdownProps) => { |
There was a problem hiding this comment.
isDropdownOpen은 어떤 용도 인가요 ?.?
따로 쓰여지고 있지는 않는거 같아서요 !
There was a problem hiding this comment.
modal 열림 상태일 때 상태 변경하려고 사용했는데 useModalStore에서 isOpen 상태를 가져와 isModalOpen에 저장하도록 변경했습니다!
There was a problem hiding this comment.
링크페이지와 즐겨찾기 페이지에서 쓰이기 위해서 store로 구현하신 건가요 ?
There was a problem hiding this comment.
링크 수정, 링크 삭제 후 새로고침 없이 기존 목록에 바로 반영되기 위해 store로 구현했습니다!
|
코드리뷰 수정했습니다! 다시 한 번 확인 부탁드립니다! |
| // onClick={handleSubmit} | ||
| onClick={handleDelete} | ||
| width="w-full" | ||
| height="h-[51px] " |
There was a problem hiding this comment.
모달 파일마다 공백이 있었더라구요 😅👍
There was a problem hiding this comment.
안그래도 요걸 제가 안만들어놨었는데 추가해주셨군요!👍
작업 내용
[linkbray #51]
📢 현재 link 페이지가 없어서 즐겨찾기 페이지에서 구현하였습니다. 추후 link 페이지에서 연동되게 설정하겠습니다. (11/10)
ㄴ link 페이지 merge 되어 link 페이지에 구현되도록 변경했습니다. ( 11/11)
DeleteLinkModal사용했습니다.