Skip to content

fix: (QA/3) button rounded 수정 #374

Merged
heesunee merged 2 commits intodevelopfrom
fix/#373/button
Sep 7, 2025
Merged

fix: (QA/3) button rounded 수정 #374
heesunee merged 2 commits intodevelopfrom
fix/#373/button

Conversation

@heesunee
Copy link
Contributor

@heesunee heesunee commented Sep 7, 2025

#️⃣ Related Issue

Closes #373

☀️ New-insight

  • 디자인 샘들의 눈은 예리하다.
  • rounded가 다른걸 모르고 있었네용..

Summary by CodeRabbit

  • 스타일

    • 프로필 편집 화면의 선택 그룹 버튼에 둥근 모서리 스타일을 적용해 시각적 완성도를 높였습니다. 동작·상태·클릭 동작에는 변화가 없습니다.
  • 새로운 동작

    • 결과 화면의 관련 버튼이 URL 쿼리 파라미터(cardtype)에 따라 표시 레이블을 '그룹' 또는 '1:1'로 구분해 보여줍니다.

@coderabbitai
Copy link

coderabbitai bot commented Sep 7, 2025

Caution

Review failed

The pull request is closed.

Walkthrough

edit-profile의 selection-group 컴포넌트에서 버튼에 rounded-[0.8rem] 클래스가 추가되었고, result 페이지의 matching-agree-view 컴포넌트에서 쿼리파라미터 cardtype을 읽어 버튼의 탭 라벨(그룹 vs 1:1) 결정 로직이 추가되었습니다.

Changes

Cohort / File(s) Summary
Edit Profile — 버튼 스타일
src/pages/edit-profile/components/selection-group.tsx
Button 클래스에 rounded-[0.8rem] 추가 (cap_14_sb w-auto px-[1.6rem] py-[0.6rem]cap_14_sb w-auto rounded-[0.8rem] px-[1.6rem] py-[0.6rem]). 로직/동작 변경 없음.
Result — 내비게이션 탭 결정 로직
src/pages/result/components/matching-agree-view.tsx
useSearchParams로 쿼리 파라미터 cardtype 읽음; 버튼 내비게이션 시 cardType === 'group' ? '그룹' : '1:1'를 사용하도록 탭 값 선택 로직 추가. 기타 데이터 처리나 동작 변경 없음.

Sequence Diagram(s)

sequenceDiagram
    autonumber
    participant UI as MatchingAgreeView UI
    participant Router as react-router
    participant ResultPage as Matching Status Page

    Note over UI: 사용자가 "매칭 현황 보기" 버튼 클릭
    UI->>Router: navigate('/result?tab=' + (cardType === 'group' ? '그룹' : '1:1'))
    Router->>ResultPage: load with tab param
    Note over ResultPage: ResultPage reads tab param and shows corresponding 탭
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Assessment against linked issues

Objective Addressed Explanation
버튼 디자인 수정 (#373)

Out-of-scope changes

Code Change Explanation
쿼리파라미터 기반 탭 선택 로직 추가 (src/pages/result/components/matching-agree-view.tsx) 이 변경은 버튼 디자인 수정(#373)과 관련된 요구사항이 아니며, 별도의 내비게이션/탭 동작 변경을 도입함.

Possibly related PRs

Suggested labels

fix

Suggested reviewers

  • Dubabbi
  • bongtta
  • yeeeww

Poem

토끼가 말했네, 둥근 모서리 좋아해요 🐰
버튼 한 모퉁이 살짝 말려서 웃네
클릭하면 탭은 구름 따라 그룹 또는 1:1로
코드 밭에 작은 둥근 꿈 하나 심었네
오늘도 배포 길에 당근 하나 남겨요 🥕


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 2531bb5 and bc4ca58.

📒 Files selected for processing (1)
  • src/pages/result/components/matching-agree-view.tsx (1 hunks)
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/#373/button

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link

github-actions bot commented Sep 7, 2025

MATEBALL-STORYBOOK
⚾ Storybook 배포가 완료되었습니다!

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 0

🧹 Nitpick comments (1)
src/pages/edit-profile/components/selection-group.tsx (1)

34-36: 둥근 모서리 반영 OK, 다만 디자인 토큰으로 통일 고려

  • 기능 영향 없이 의도대로 반영되었습니다.
  • rounded-[0.8rem]은 임의 값이라 추후 일관성 유지를 위해 Tailwind theme(borderRadius) 키나 공통 유틸(rounded-btn 등)로 추출을 권장합니다.
  • Button 컴포넌트 내부에 기본 rounded-*가 있다면 이 클래스가 우선해 variant별 모서리 값이 깨질 수 있으니 충돌 여부를 한 번 확인해 주세요.
📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f4dc955 and 2531bb5.

📒 Files selected for processing (1)
  • src/pages/edit-profile/components/selection-group.tsx (1 hunks)
🧰 Additional context used
🧠 Learnings (1)
📓 Common learnings
Learnt from: heesunee
PR: MATEBALL/MATEBALL-CLIENT#78
File: src/pages/sign-up/utils/age-calculate.ts:1-4
Timestamp: 2025-07-09T09:08:46.371Z
Learning: heesunee는 나이 계산 시 한국식 나이 시스템을 사용하므로, 정확한 생일 기반 계산보다는 출생연도 기준의 간단한 계산 방식을 선호합니다.

@heesunee heesunee changed the title fix: button rounded 수정 fix: (QA/3) button rounded 수정 Sep 7, 2025
@cloudflare-workers-and-pages
Copy link

Deploying mateball-client with  Cloudflare Pages  Cloudflare Pages

Latest commit: bc4ca58
Status: ✅  Deploy successful!
Preview URL: https://12b4de9f.mateball-client.pages.dev
Branch Preview URL: https://fix--373-button.mateball-client.pages.dev

View logs

@heesunee heesunee merged commit 6493e6c into develop Sep 7, 2025
6 of 7 checks passed
@heesunee heesunee deleted the fix/#373/button branch September 7, 2025 12:44
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.

fix: 조건 수정 버튼 design 수정합니다.

1 participant