-
Notifications
You must be signed in to change notification settings - Fork 1
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
타이머 기능 추가 #17
타이머 기능 추가 #17
Conversation
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.
Good!!
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.
수고하셨습니다!
import { css } from '@styled-system/css'; | ||
|
||
export default function TimerPage() { | ||
const { step, stepLabel, onNextStep } = useTimerStatus(); |
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.
UI 상태를 step으로 나눈것 배워갑니다! 훅에서 관리하니까 편한것 같아요
return ( | ||
<div | ||
className={css(bgCss, { | ||
background: step === 'stop' ? '#F2F4F6' : 'linear-gradient(136deg, #FFF1F2 4.76%, #E9EFFF 89.58%)', |
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.
마이너) background 값들을 각각 상수화 하면 나중에 변경시 편할 것 같은 어떻게 생각하시나요?
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.
마이너) background 값들을 각각 상수화 하면 나중에 변경시 편할 것 같은 어떻게 생각하시나요?
좋아요! 상수화를 하거나 theme에 추가하면 좋을 것 같습니다!
나중에 디자인 시스템을 전달받으면서 같이 변경하면 좋을 것 같아요 :D
🤔 해결하려는 문제가 무엇인가요?
🎉 변경 사항
🙏 여기는 꼭 봐주세요!
layout.tsx
부분을 수정했는데, 맘에 들지 않아요.. 근데 와프 후 디자인이 변경되면 수정되어야 하는 부분이라 해당 이슈는 패쓰 부탁드립니다.🌄 스크린샷