-
Notifications
You must be signed in to change notification settings - Fork 2
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
#728 2024 봄 이벤트 퀘스트 페이지 만들기 #732
The head ref may contain hidden characters: "#728-2024-\uBD04-\uC774\uBCA4\uD2B8-\uD018\uC2A4\uD2B8-\uD398\uC774\uC9C0-\uB9CC\uB4E4\uAE30"
Conversation
✅ Deploy Preview for taxi-dev-preview ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
packages/web/src/components/Event/CreditAmoutContainer/index.tsx
Outdated
Show resolved
Hide resolved
packages/web/src/components/Event/SuggestJoinEventContainer/index.tsx
Outdated
Show resolved
Hide resolved
packages/web/src/components/Event/SuggestJoinEventContainer/index.tsx
Outdated
Show resolved
Hide resolved
completedQuests: QuestId[]; | ||
creditAmount: number; | ||
groupCreditAmount: number; | ||
group: number; | ||
ticket1Amount: number; | ||
ticket2Amount: number; |
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.
추후에 이벤트 참가 가능 여부가 event2024SpringInfo
API 에 담겨져서 넘어 올 것 같습니다.
이 값에 따라 이벤트 상태, 이벤트 참여 권장 컴포넌트 띄어지도록 수정되어야 할 것 같아요
@@ -3,6 +3,7 @@ import theme from "@/tools/theme"; | |||
type ButtonAboveFooterProps = { | |||
text: string; | |||
onClick?: () => void; | |||
isWhite?: boolean; |
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.
지워야 하는 필드인 것 같습니다 !
useEffect(() => { | ||
const prevBackground = document.body.style.background; | ||
document.body.style.background = color; | ||
// return () => document.body.style.background = prevBackground; |
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.
주석되어 있어요 ㅜ
export const useEventBackgroundEffect = ({ | ||
color = "#000000", | ||
}: EventBackgroundEffectProps) => { |
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.
컴포넌트가 아니라서 props
명칭 사용이 부적절해보입니다 ㅜ
left: 0, | ||
width: "8px", | ||
background: isDone ? theme.purple_disabled : theme.purple, | ||
backgroundColor: "#000", |
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.
useEventBackgroundColorEffect
Hook의 사용으로 backgroundColor: "#000",
지우서도 될 것 같습니다 !
<div css={styleRewardText}> | ||
{questCompletedCnt}회 달성 (최대 {quest.maxCount}회) | ||
</div> | ||
<div css={{ flexGrow: 1 }} /> |
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.
<div css={{ flexGrow: 1 }} /> | |
<div css={{ flexGrow: 1, width: 0 }} /> |
</WhiteContainer> | ||
); | ||
}; | ||
|
||
const Event2024SpringMissions = () => { | ||
const { quests } = useValueRecoilState("event2023FallInfo") || {}; | ||
const { quests } = useValueRecoilState("event2024SpringInfo") || {}; | ||
useEventBackgroundEffect({ color: "#000000" }); |
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.
기본 값있어서 color 안넘겨주어도 될 것 같습니다 !
<> | ||
<div | ||
css={{ | ||
background: eventTheme.black, |
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.
이것두 useEventBackgroundEffect
있어서 <></> 사용으로 수정 가능해 보입니다.!
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.
수고하셨습니다 👍 👍
); | ||
}; | ||
|
||
export default SuggestJoinEventContainer; |
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.
export default SuggestJoinEventContainer; | |
export default memo(SuggestJoinEventContainer); |
메모이제이션 권장 드립니다.!
@@ -0,0 +1,11 @@ | |||
import { useEffect } from "react"; | |||
|
|||
export const useEventBackgroundEffect = (color: string = "#000000") => { |
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.
CSSProperties.background
type 사용 가능합니다 !
Summary
It closes #728
Images or Screenshots