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: 1차 UT QA 홈 페이지 반영 #58

Merged
merged 9 commits into from
Feb 13, 2025
Merged

feat: 1차 UT QA 홈 페이지 반영 #58

merged 9 commits into from
Feb 13, 2025

Conversation

suminhan123
Copy link
Collaborator

#️⃣반영 브랜치

feat/#53 -> main, close #53

📝작업 내용

  • Toast 공통 컴포넌트 추가

  • useToast 공통 훅 생성
    아래와 같이 호출해주면 됩니다!

const { showToast } = useToast();

showToast("토스트 메시지");
  • 이전 회차에 대해서 클릭하면 해당 회차의 회고가 포커싱되어 스크롤 자동 내려진 화면으로 이동하는 로직 추가

스크린샷 (선택)

💬리뷰 요구사항(선택)

@suminhan123 suminhan123 self-assigned this Feb 11, 2025
@suminhan123 suminhan123 requested a review from bsy1141 as a code owner February 11, 2025 12:03
Copy link

vercel bot commented Feb 11, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
jaknaeso-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2025 0:47am

Copy link
Collaborator

@bsy1141 bsy1141 left a comment

Choose a reason for hiding this comment

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

toast까지 구현하다니 넘 고마워 잘쓸게ㅜㅜ
이건 그냥 단순질문인데 토스트 내려갈 때 갑자기 뚝 끊기는 느낌인데 아예 바닥으로 들어가는 느낌으로 수정이 현재 안되는 상황인가? 나도 수정하려고 duration 이것저것 건들여봤는데 쉽지 않넹..

import { Suspense } from 'react';

export default function ReportQuestionsLayout({ children }: PropsWithChildren) {
return <Suspense>{children}</Suspense>;
Copy link
Collaborator

Choose a reason for hiding this comment

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

굿 나도 요렇게 바꿔야겠다 fallback으로 로딩뷰 여기다 넣어주는게 좀 더 깔끔할 수도 있겠다
페이지 전체적으로 이렇게 적용할 생각이야?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

next 에서 loading 페이지 만들어주면 next 자동으로 suspense 랑 fallback 알아서 해주는 걸루 알고있어! 그래서 로딩 관련해서는 loading.tsx 페이지만 적절히 만들어주면 될 거 같어

@@ -53,12 +64,16 @@ export default function ReportQuestions() {
<div className={styles.contentContainer}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

수민이 작업과 아주 무관하게.. 카드 개수가 많아지면 맨 아래 카드가 안보이는 오류가 있는 것 같당
contentContainer에 margin-bottom 적당히 필요할 듯..
요 페이지 내 스크롤 이벤트도 좀 문제가 있는데 고칠필요는 없고 우리끼리 인지하고 있다가 고치면 될듯!

@suminhan123
Copy link
Collaborator Author

toast까지 구현하다니 넘 고마워 잘쓸게ㅜㅜ 이건 그냥 단순질문인데 토스트 내려갈 때 갑자기 뚝 끊기는 느낌인데 아예 바닥으로 들어가는 느낌으로 수정이 현재 안되는 상황인가? 나도 수정하려고 duration 이것저것 건들여봤는데 쉽지 않넹..

아예 들어가는 느낌으로 수정해봐볼게~!!

@suminhan123 suminhan123 merged commit fba262b into main Feb 13, 2025
2 checks passed
@suminhan123 suminhan123 deleted the feat/#53 branch February 14, 2025 13:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[feat] 1차 UT QA 홈 페이지 반영
2 participants