Fix : QA 내용 반영하여 수정 #26
Conversation
|
Labeler가 제목과 설명에 있는 특별한 텍스트와 일치하는 레이블을 적용했습니다. |
| @@ -21,13 +21,14 @@ export default function TalkSection() { | |||
| const { isLoading, startLoading } = useLoading({ | |||
| loadingDelay: 3000, | |||
| onStopLoading: () => data && setTalkWord(data.poseWord.content), | |||
| initialState: false, | |||
| }); | |||
| const [talkWord, setTalkWord] = useState<string>('포즈로 말해요'); | |||
There was a problem hiding this comment.
피그마 보시면 텍스트 변경되어 있어요!
포즈로 말해요 -> 제시어에 맞춰\n포즈를 취해요!
| console.log(tooltipOpened); | ||
| const [isOpen, setIsOpen] = useState<boolean>(true); | ||
| useEffect(() => { | ||
| if (localStorage.getItem('tooltipIsOpen') === 'false') setIsOpen(false); |
There was a problem hiding this comment.
전역 상태가 아닌 로컬 스토리지를 사용하신 이유가 있을까요 ?!
src/app/(Main)/talk/page.tsx
Outdated
| @@ -5,7 +5,7 @@ import { Spacing } from '@/components/Spacing'; | |||
| export default function Talk() { | |||
| return ( | |||
| <div> | |||
| <Spacing size={30} /> | |||
| <Spacing size={80} /> | |||
There was a problem hiding this comment.
피그마에 8/24 업데이트에 여백 80 -> 64로 변경되었습니당 !
https://www.figma.com/file/bbpetgbWeKNFSQYdfrV39P?node-id=28:403&mode=dev#534945193
There was a problem hiding this comment.
| @@ -51,7 +51,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) | |||
| <html lang="ko"> | |||
| <body className="flex min-h-[100vh] w-screen touch-none justify-center bg-slate-100 py-px"> | |||
| <RecoilContextProvider> | |||
| <div className="w-full max-w-440 bg-white text-primary drop-shadow-2xl"> | |||
| <div className="w-full max-w-440 bg-white text-primary"> | |||
There was a problem hiding this comment.
shadow가 있는게 입체적인 느낌(?) 도 들고 좋은데.... 문제가 된 drop-shadow 말고 그림자 효과 줄 수 있으면 좋을 것 같네요 ㅠ_ㅠ
별개로 이슈 말씀만 드렸는데 생각지도 못한 부분이 원인이라는걸 발견해주신 규성님 통찰력... 짱....! 👍🏻🙌
| @@ -14,12 +15,14 @@ export default function Button({ | |||
| ...props | |||
| }: StrictPropsWithChildren<ButtonProps>) { | |||
| return ( | |||
| <button | |||
| <motion.button | |||
There was a problem hiding this comment.
motion.button 은 처음 보는 것 같은데 .. 배워갑니다아..!
| @@ -16,7 +16,7 @@ export default function Header({ | |||
| ...props | |||
| }: HeaderProps) { | |||
| return ( | |||
| <div className="fixed inset-x-0 top-0 z-10 bg-white pt-8"> | |||
| <div className="fixed inset-x-0 top-0 z-10 mx-auto max-w-440 bg-white pt-8"> | |||
There was a problem hiding this comment.
fixed inset-x-0 인데 max-w 를 넣은 이유가 있을까요 ?!
There was a problem hiding this comment.
fixed는 브라우저 전체 사이즈를 기준으로 위치를 잡기에 너비 지정이 필요합니다. 440px보다 작은 디바이스에서는 사이즈가 줄어들 수 있게 max-w로 지정해주었습니다 !
src/components/Modal/Modal.tsx
Outdated
| @@ -8,7 +8,7 @@ interface PopupProps { | |||
| export default function Popup({ children }: StrictPropsWithChildren<PopupProps>) { | |||
| return ( | |||
| <ModalWrapper> | |||
| <section className="flex w-300 flex-col items-center rounded-16 bg-white px-16 py-12"> | |||
| <section className="flex w-300 flex-col items-center rounded-16 bg-white px-16 py-12"> | |||
💡 왜 PR을 올렸나요?
💁 무엇이 어떻게 바뀌나요?
2. tooltip상태를 localStorage에 저장하여 다른 곳에 다녀와도 상태가 저장되도록 구현하였습니다.
📆 작업 예정인 것이 있나요 ?
💬 리뷰어분들께