[#3] step1 페이지 ui 및 페이지간 이동 구현 #8
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
sming156
reviewed
Apr 6, 2024
Comment on lines
+7
to
+22
| function PaginationBtn({ step }: { step: number }) { | ||
| const params = useSearchParams() | ||
|
|
||
| const stepParam = params.get('step') | ||
|
|
||
| return ( | ||
| <Link | ||
| className={cn(S.btn, { | ||
| [S.darken]: stepParam && parseInt(stepParam) === step, | ||
| })} | ||
| href={`/verification/ibulsin?step=${step}`} | ||
| > | ||
| {step} | ||
| </Link> | ||
| ) | ||
| } |
There was a problem hiding this comment.
useSearchParams Suspense를 감싸서 해결하는게 아니라 use client를 이용해서 client componetn로 써야될거같네요
Comment on lines
+8
to
+10
| {Array.from({ length: 3 }, (_, idx) => ( | ||
| <PaginationBtn key={idx} step={idx + 1} /> | ||
| ))} |
Comment on lines
+14
to
+20
| <body> | ||
| <Providers> | ||
| <Recoil> | ||
| <Layout>{children}</Layout> | ||
| </Recoil> | ||
| </Providers> | ||
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
작업 내용
전체적인 ui 를 작성했습니다.
다음 단계 버튼을 누르면 query string이 step=2 로 변하며 step2 로 이동하게 됩니다.
textarea 는 최대 500자 까지 적을 수 있습니다.
상단에서 진행 상황을 볼 수 있으며 클릭시 해당 step 으로 바로 이동할 수 있습니다.
상단 좌측의 left chevron 버튼을 누르면 경고 문구가 alert 됩니다. 예를 누르게 된다면 메인 페이지로 빠져나가게 됩니다.
중요한 포인트
!! textarea 의 데이터는 현재 저장되지 않습니다. 추후 구현 예정입니다. (컴포넌트 unmount 시 저장 x)