Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@joohaem
Copy link
Member

@joohaem joohaem commented Apr 11, 2023

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

4h

  • 카드뷰의 새로운 min version header 를 구현합니다
  • 대화주제 추천 버튼은 CTA 버튼으로 변경되고, 이는 맨 아래 (Last Card) 를 만날 때 사라집니다
  • 추천 필터를 나타내는 모달은 아래에서 올라오는 WHITE_BOTTOM으로 태깅을 바꿨어요
    • 이 부분에서, 기존 메들리 프리뷰 부분도 GRAY_BOTTOM으로 태깅을 수정하였습니다! (가운데에 오는지, 아래에 붙어있는지 구분하기 위함) 피드백 해주세요!!~
  • 필터 모달에 애니메이션도 추가하였습니다
  • 필터 모달에, 랜덤 카드를 불러오기 위한 섹션을 추가합니다

📌 내가 알게 된 부분

  • ref 를 props 대신 forwardRef로 내린다

📸 스크린샷

2023-04-11._2.mp4

@joohaem joohaem requested a review from NYeonK April 11, 2023 07:08
@joohaem joohaem self-assigned this Apr 11, 2023
Copy link
Contributor

@NYeonK NYeonK left a comment

Choose a reason for hiding this comment

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

징짜 므싯는 사람..✨😎👍🤩

열심히 코드 읽었습니당:) 버튼 안보이게 하는거 어떻게 만들지 궁금했는데 역시 오빤 최고야
고생했오야~!~!!!!!!!

import St from "./style";

type ModalTheme = "DEFAULT" | "WHITE" | "GRAY";
type ModalTheme = "DEFAULT" | "WHITE_BOTTOM" | "GRAY_BOTTOM";
Copy link
Contributor

Choose a reason for hiding this comment

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

_BOTTOM 붙인 거 좋아요~!~!! 어떤 모달인지 생각하는 시간도 줄어들 것 같네용ㅎ

</St.ModalContentsWrapper>

<St.CheckRandomWrapper onClick={() => setShouldRandom((prev) => !prev)}>
<p>랜덤으로 카드를 보여주세요</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

태그 없어도 괜찮지 않을까요?! 필요하다면 St로 바꿔줍시당~😚

Comment on lines +4 to +7
<rect width="16" height="16" fill={isChecked ? "#19BE7E" : "#E0E0E0"} />
<path
d="M3 7.88235L5.96021 11.1734C6.35748 11.6151 7.04992 11.6151 7.44719 11.1734L13 5"
stroke={isChecked ? "white" : "#C2C2C2"}
Copy link
Contributor

Choose a reason for hiding this comment

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

어 뭐지 아주 좋은데??????

Comment on lines +49 to +56
const bottomUp = keyframes`
from {
transform: translateY(60rem);
}
to {
transform: translateY(0);
}
`;
Copy link
Contributor

Choose a reason for hiding this comment

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

오호 from-to 신기해!👀👀

}
setIsVisibleCTAButton(false);
},
{ threshold: 0.3 },
Copy link
Contributor

Choose a reason for hiding this comment

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

요거는 버튼이 화면에 30%으로 이상 보일 때를 말하는 걸까요?-? 0.3의 기준이 궁금합니당

Copy link
Member Author

Choose a reason for hiding this comment

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

맞아요 !!~ 화면(viewport)에 30%가 보일 때(intersect) 콜백함수가 동작합니다!

@joohaem
Copy link
Member Author

joohaem commented Apr 13, 2023

Add

  • 미사용 SVG 파일들 제거

@joohaem joohaem merged commit bcd848f into develop Apr 13, 2023
@joohaem joohaem deleted the feat/#259-new_card_collection branch April 13, 2023 03:02
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.

3 participants