Skip to content
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

Feature/#82 커리큘럼 편집 모달창 구현 #208

Merged

Conversation

pipisebastian
Copy link
Member

@pipisebastian pipisebastian commented Apr 11, 2024

관련 이슈

작업 요약

  • 커리큘럼 편집 모달창 구현

작업 상세 설명

  • react beautiful dnd 사용했습니다.
  • react beautiful dnd 에서 이런 워닝이 뜨는데, react default props가 곧 지원이 종료될 예정이라고 하더라구요..(참고링크)
image
   const { error } = console;

   console.error = (...args: any) => {
     console.log('error', args[0]);
     if (/defaultProps/.test(args[0])) return;
     error(...args);
   };
  • 괜찮다면 임시방편으로 이렇게 워닝을 없애고(워닝있어도 작동하긴 합니다), 해당 라이브러리 개발자쪽에서 수정되는걸 기다려도.. 괜찮을까요! 다른 라이브러리도 찾아봤는데 맘에 들지 않았습니다!

리뷰 요구 사항

  • 10분

미리 보기

무제

@pipisebastian pipisebastian added the ✨ 기능 개발 새로운 기능을 구현하는 데 필요한 작업 또는 변경 사항 label Apr 11, 2024
@pipisebastian pipisebastian self-assigned this Apr 11, 2024
@pipisebastian
Copy link
Member Author

pipisebastian commented Apr 11, 2024

image

그리고 편집모드 버튼에서 아이콘 버튼이 width가 긴데요, 이게 아이콘버튼 생각안하고 버튼 theme에서 width를 24로 맞춰놔서 이렇습니다..
혹시 이거 w:24를 제거해도 될까요?

image

Copy link
Collaborator

@jasper200207 jasper200207 left a comment

Choose a reason for hiding this comment

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

👍
주석은 지우는게 좋아보입니다!


export default CurriculumCard;

// 'use client';
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기서 부터 주석 안지워 졌습니다!

@llddang
Copy link
Collaborator

llddang commented May 9, 2024

image 그리고 편집모드 버튼에서 아이콘 버튼이 width가 긴데요, 이게 아이콘버튼 생각안하고 버튼 theme에서 width를 24로 맞춰놔서 이렇습니다.. 혹시 이거 w:24를 제거해도 될까요? image

도균님이 icon_orange 라는 새로운 테마를 만든 것으로 압니다.
혹시 그걸 사용하는 건 어떨까요?

Copy link
Collaborator

@llddang llddang left a comment

Choose a reason for hiding this comment

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

수고하셨습니다.

};

return (
<Flex key={id.toString()} align="center" gap="4" px="4">
Copy link
Collaborator

Choose a reason for hiding this comment

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

이거 혹시 왜 string을 붙이신 걸까요?
key={id} 해도 괜찮을 것 같습니다

Copy link
Member Author

Choose a reason for hiding this comment

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

핫핫! 감사합니다!!

Comment on lines 17 to 25
<IconButton
color="white"
bg="green_dark"
_hover={{ bg: 'green_dark' }}
aria-label=""
icon={<BiArrowBack />}
onClick={onActionModalOpen}
size="icon_sm"
/>
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
Member Author

Choose a reason for hiding this comment

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

바꿨습니닷..!

…into feature/#82-커리큘럼_편집_모달창_구현
…into feature/#82-커리큘럼_편집_모달창_구현

# Conflicts:
#	package-lock.json
#	package.json
Copy link
Collaborator

@yeonddori yeonddori left a comment

Choose a reason for hiding this comment

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

👍

@pipisebastian pipisebastian merged commit c322c6b into develop May 23, 2024
@pipisebastian pipisebastian deleted the feature/#82-커리큘럼_편집_모달창_구현 branch May 23, 2024 04:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ 기능 개발 새로운 기능을 구현하는 데 필요한 작업 또는 변경 사항
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[FEAT] 커리큘럼 편집 모달창 구현
4 participants