-
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
REV-390/헤더 페이지 이동방지 모달 #103
The head ref may contain hidden characters: "REV-390/\uD5E4\uB354-\uD398\uC774\uC9C0-\uC774\uB3D9\uBC29\uC9C0-\uBAA8\uB2EC"
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.
다른 작업을 하셨군요..!
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.
쉽게 구현할 수 있는 걸 너무 어렵게 구현한 것 같아요!
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.
여기에 그냥
const handleNavigate = (path: string) => {
if (pathname === '/review-creation' || pathname === '/review-reply') {
// 모달 라벨 click()
return
}
navigate(path)
}
요런 식으로 구현할 수는 없을까요?!
<Modal | ||
modalId="mypage" | ||
content={`페이지를 벗어나면 지금까지 작성한 내용이 모두 삭제됩니다.\n\n 이동하시겠습니까?`} | ||
label="이동하기" | ||
handleClickLabel={() => { | ||
navigate('/profile') | ||
}} | ||
/> | ||
|
||
<Modal | ||
modalId="mainpage" | ||
content={`페이지를 벗어나면 지금까지 작성한 내용이 모두 삭제됩니다.\n\n 이동하시겠습니까?`} | ||
label="이동하기" | ||
handleClickLabel={() => { | ||
navigate('/') | ||
}} | ||
/> |
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.
굿굿 👍👍
📑 구현
리뷰 응답 페이지, 리뷰 생성 페이지에서 마이페이지 이동, 홈으로 이동할 때 모달을 띄워줍니다!
추가로 리뷰 전송, 리뷰 마감시에도 모달을 띄워놓았습니다.!
chrome-capture-2023-11-3.webm
chrome-capture-2023-11-3.1.webm
내용
🚧 참고 사항
location의 pathname을 의존성에 추가해서 페이지 이동시마다 pathname을 검사합니다.
이렇게 되니깐 매번 헤더가 새로 갱신되어 버리는데 어떻게 이를 막을 수 있을 지 잘 모르겠습니다..
리뷰 생성
이나리뷰 응답
페이지를 pathname이 바뀔때마다 검사할 필요가 있고 해당 페이지에 따라 상태가 바뀌는데ref를 써서 한번 시도해볼게요!