Skip to content

Conversation

@hongggyelim
Copy link
Collaborator

@hongggyelim hongggyelim commented Nov 9, 2024

작업 내용

  • AddModal : 기능을 제외한 UI 수정 건입니다.
  • 폴더 리스트 중 하나의 아이템만 선택하도록 수정했습니다
  • 공통 모달 컴포넌트 수정 : 모달 컨테이너에 있던 버튼을 children으로 받도록 수정했습니다
  • 그에 따라 개별 모달 컴포넌트들 수정 사항이 발생했습니다
  • [linkbrary 모달 - 폴더 선택 기능 (Add Folder Modal) #57 ]

추가 PR 작업 내용

  • 링크 추가 POST 요청에 대한 proxy 추가 : pages/api/links/index.ts
  • AddModal : 링크 추가 api요청 관련 코드 추가 - ①링크 입력값, ②폴더 전체 목록 을 부모컴포넌트에서 전달 받아야 함
  • [linkbrary 모달 - 링크 생성 시 폴더에 추가 기능 #61 ]

이미지가 많이 크네요 😅
image
image
image

@hongggyelim hongggyelim self-assigned this Nov 9, 2024
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ModalContainer내부에 있던 버튼 컴포넌트를 children으로 받도록 하면서 버튼 관련 prop 제거했습니다

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

기본 값을 수정했습니다 (단순 참고용)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

상태관리를 용이하게 하기위해 버튼 컴포넌트를 ModalContainer에서 분리했습니다

type="button"
onClick={handleSubmit}
width="w-full"
height="h-[51px] "
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

사소한거긴 한데 height="h-[51px] " 에 공백이 있습니당! tailwind css 는 공백이 있을 경우 안먹을 수도 있다네욧

Copy link
Collaborator Author

@hongggyelim hongggyelim Nov 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 감사합니다 수정해써요~!

buttonColor="negative"
></ModalContainer>
<ModalContainer title="링크 삭제" subtitle={link}>
{" "}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

불필요한 코드일까요? ㅎㅎ

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

헛 그렇네요 삭제했습니다 ㅎㅎ

Copy link
Collaborator

@99minji 99minji left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 ㅎㅎ

Copy link
Collaborator

@junjeeong junjeeong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨어요!

@@ -0,0 +1,47 @@
import { bindCls } from "@/lib/utils";
import { FolderItemType } from "@/types/modalTypes";
import { FaCheck } from "react-icons/fa6";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

변수명은 줄이지 않고 FaviconCheck 라고 하는게 전 더 직관적인 것 같아요~
다른 애들도 안 줄였으니 통일성도 좋고요!
위에도 마찬가지로 bindClass 이런식으로요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FaCheck 은 react-icon에서 지원하는 svg 컴포넌트 입니다!
cls 는 다음번에 참고하겠습니다

linkCount: 1,
},
],
link: "https://example1.com",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

시험용 mock데이터인가요?

Copy link
Collaborator Author

@hongggyelim hongggyelim Nov 10, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵! api test를 위해 전달한 값입니다

Copy link
Collaborator

@venise5224 venise5224 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

버튼재사용 좋아요👍

@hongggyelim hongggyelim merged commit 364fcba into develop Nov 10, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants