Feature/policy api

[haeni82]

이슈

• closed #이슈번호

✔️ 체크리스트

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

🔍 작업 내용

⚠️ 주의 사항 / 기타

Summary by CodeRabbit

릴리스 노트

• Style

  • 아이콘 에셋을 PNG에서 SVG 형식으로 업그레이드했습니다.
  • 버튼 및 UI 요소에 호버, 활성화 상태 애니메이션을 추가했습니다.
  • 버튼 상호작용성을 개선하여 스케일 효과와 섀도우를 적용했습니다.

• Bug Fixes

  • 공개/비공개 전환 시 사용자 확인 토스트 알림을 추가했습니다.

[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: 626c87fa-3633-4fd5-8d76-acca25e02b18

📥 Commits

Reviewing files that changed from the base of the PR and between 8d7a254 and ae73fde.

⛔ Files ignored due to path filters (18)

• src/assets/icon/alarm-icon.png is excluded by !**/*.png
• src/assets/icon/alarm-icon.svg is excluded by !**/*.svg
• src/assets/icon/clock.png is excluded by !**/*.png
• src/assets/icon/clock.svg is excluded by !**/*.svg
• src/assets/icon/home-off.png is excluded by !**/*.png
• src/assets/icon/home-off.svg is excluded by !**/*.svg
• src/assets/icon/home-on.png is excluded by !**/*.png
• src/assets/icon/home-on.svg is excluded by !**/*.svg
• src/assets/icon/policy-off.png is excluded by !**/*.png
• src/assets/icon/policy-off.svg is excluded by !**/*.svg
• src/assets/icon/policy-on.png is excluded by !**/*.png
• src/assets/icon/policy-on.svg is excluded by !**/*.svg
• src/assets/icon/setting-icon.png is excluded by !**/*.png
• src/assets/icon/setting-icon.svg is excluded by !**/*.svg
• src/assets/icon/support-off.png is excluded by !**/*.png
• src/assets/icon/support-off.svg is excluded by !**/*.svg
• src/assets/icon/support-on.png is excluded by !**/*.png
• src/assets/icon/support-on.svg is excluded by !**/*.svg

📒 Files selected for processing (8)

• src/components/BottomBar.tsx
• src/components/Header.tsx
• src/components/common/GradientButton.tsx
• src/components/common/RangeSlider.tsx
• src/page/Detail/DetailPage.tsx
• src/page/Login/LoginPage.tsx
• src/page/Policy/Policy.tsx
• src/page/Policy/components/UserInfoCard.tsx

---

📝 Walkthrough

Walkthrough

여러 UI 컴포넌트의 아이콘 에셋을 PNG에서 SVG로 변경하고, 버튼 및 인터랙티브 요소에 호버/액티브 상태의 스타일링을 추가했습니다. 로그인 페이지의 다크모드 관련 조건부 스타일을 제거하고, 공개 상태 전환 시 토스트 메시지를 표시하는 로직을 추가했습니다.

Changes

Cohort / File(s)	Summary
아이콘 에셋 마이그레이션 src/components/BottomBar.tsx, src/components/Header.tsx, src/page/Policy/components/UserInfoCard.tsx	PNG 아이콘을 SVG로 변경 (home, support, policy, alarm, setting, clock 아이콘)
UI 인터랙션 스타일 추가 src/components/Header.tsx, src/components/common/GradientButton.tsx, src/components/common/RangeSlider.tsx, src/page/Policy/Policy.tsx	호버, 액티브 상태의 스케일, 그림자, 불투명도 효과 및 트랜지션 추가
다크모드 조건부 스타일 제거 src/page/Login/LoginPage.tsx	useSettingStore 의존성 제거 및 고정 Tailwind 클래스로 변경
기능 개선 src/page/Detail/DetailPage.tsx	공개/비공개 전환 시 성공 토스트 메시지 표시

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• design: 헤더 구조 수정 #54: Header.tsx의 아이콘 에셋 및 버튼 스타일링 변경 관련
• Feature/policy api #63: Header.tsx 및 GradientButton.tsx의 다중 컴포넌트 스타일 업데이트 관련
• Feature/policy api #56: BottomBar.tsx의 아이콘 및 레이아웃 변경 관련

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/policy-api

---

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.}