fix: 메인 페이지 모바일로 로그인시 UI 깨짐 해결

[haeni82]

이슈

• closed #이슈번호

✔️ 체크리스트

• : Merge할 브랜치를 확인해 주세요.

🔍 작업 내용

• 모바일로 로그인 할 때 pieChart가 헤더랑 겹치는 에러 수정

⚠️ 주의 사항 / 기타

Summary by CodeRabbit

릴리스 노트

• Style
  • 회원 카드의 데이터 표시 레이블 업데이트: 기본 데이터 및 공유 데이터 항목에 "잔여량" 텍스트 추가하여 표시되는 수치가 남은 용량임을 명확히 함

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 0e9203b6-c151-4f87-a2e3-800f643a1f21

📥 Commits

Reviewing files that changed from the base of the PR and between bbe6fa2 and 7a02417.

📒 Files selected for processing (2)

• src/page/Main/MainPage.tsx
• src/page/Main/components/MemberCard.tsx

---

📝 Walkthrough

Walkthrough

React Query의 loading 상태명을 isLoading에서 isPending으로 변경하고 UI 라벨 텍스트를 업데이트하며 코드 포맷팅을 개선합니다.

Changes

Cohort / File(s)	Summary
React Query 상태명 변경 src/page/Main/MainPage.tsx	familyMembers와 sharedPool 쿼리의 loading 상태를 isPending으로 리네이밍하고, 해당 로컬 변수명을 함께 업데이트합니다. 로딩 로직의 동작은 변경되지 않습니다.
UI 텍스트 및 포맷팅 개선 src/page/Main/components/MemberCard.tsx	DataBar 라벨을 "기본 데이터 잔여량", "제공받은 공유데이터 잔여량"으로 업데이트하고 navigate 호출을 멀티라인 포맷으로 개선합니다.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• Feature/main api #41: src/page/Main/MainPage.tsx에서 React Query 로딩 상태 처리를 추가했던 PR로, 현재 PR의 isPending 리네이밍과 직접 연관됩니다.

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/policy-api

📝 Coding Plan

• Generate coding plan for human review comments

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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