Skip to content
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

feat: quiz loading + intro #286

Merged
merged 27 commits into from
Dec 4, 2024
Merged

feat: quiz loading + intro #286

merged 27 commits into from
Dec 4, 2024

Conversation

rabyeoljji
Copy link
Contributor

@rabyeoljji rabyeoljji commented Nov 30, 2024

개요

퀴즈 도입 부분 1차 구현해봤습니다 (보완 필요)
지금 코드는 레이아웃 컴포넌트에서 useRef를 사용하는 식으로 작성되어있는데 이 부분은 수정할 예정입니다
수정 계획은 인트로 처리까지 별도 클라이언트 컴포넌트를 만들어서 페이지에서 import해서 사용하려고 합니다!

(수정)
api 변동 있을 예정

  • 변경된 api에 맞춰 다시 구현했습니다

[ 현재 동작하는 기능 ]

  • 기존 생성한 문서에서 다시풀기 클릭 시 : 인트로 -> 퀴즈 시작
  • 새로 문서 생성 시 : ai 문제 생성 로딩 -> 퀴즈 시작 확인창 -> 인트로 -> 퀴즈 시작

세부 내용

관련 링크

@rabyeoljji rabyeoljji self-assigned this Nov 30, 2024
@rabyeoljji rabyeoljji requested a review from jw-r November 30, 2024 09:27
@jw-r jw-r force-pushed the develop branch 4 times, most recently from f771f5c to 28122e6 Compare December 1, 2024 14:34
Copy link
Member

@jw-r jw-r left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!

searchParams: {
tab?: 'document-content' | 'quiz'
}
}

const DocumentDetailPage = ({ searchParams }: Props) => {
const DocumentDetailPage = async ({ params, searchParams }: Props) => {
const id = params.id
const tab = searchParams.tab ?? 'document-content'
const activeTab = ['document-content', 'quiz'].includes(tab) ? tab : 'document-content'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 방식은 너무 좋지만 탭이 바뀔 때 해당 url이 브라우저 history에 남지 않도록 하면 좋을 것 같아요!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 방식은 너무 좋지만 탭이 바뀔 때 해당 url이 브라우저 history에 남지 않도록 하면 좋을 것 같아요!

오 그렇네요! router.replace()를 사용하는 쪽으로 코드를 수정하려고 합니다ㅎㅎ

…t-quiz

# Conflicts:
#	src/requests/collection/index.ts
#	src/shared/configs/endpoint.ts
#	src/types/collection.d.ts
@rabyeoljji rabyeoljji merged commit 9b33e9e into develop Dec 4, 2024
2 of 5 checks passed
@rabyeoljji rabyeoljji deleted the feat-quiz branch December 4, 2024 08:04
rabyeoljji added a commit to rabyeoljji/pick-toss-next that referenced this pull request Dec 4, 2024
* fix: quiz

- 변경된 사항들 반영해 코드 수정

* feat: 오답 터뜨리기 ui / interaction 구현

- api 연동은 아직 구현 안되어있습니다

* feat: 다음 작업 주석처리

* feat: 오답 터뜨리기 접근 시 로딩 추가

* fix: css 수정

* fix: 애니메이션 수정

* refactor: 코드리뷰 반영 + bombPositions 컨벤션 통일

* feat: quiz loading + intro

* fix: "use client" 추가

* fix: client

* fix: debugging

* fix: debugging + refactoring

* fix: build error

* fix: build error

* fix: format error

* fix: api 변경

* fix: api 변경

* fix: build error

* fix: build error

* fix: build error
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants