Skip to content

Conversation

@hazzuuu
Copy link
Contributor

@hazzuuu hazzuuu commented Nov 30, 2024

Pull requests

작업한 내용

  • 알림 및 코치 관련 페이지 UI/UX 변경

PR Point

- 코치 상세 페이지

  • 길찾기 버튼으로 카카오맵 웹 연동

- 코치 목록 페이지

  • 코치 목록 API에 성별 필터링 파라미터 추가
  • 필터 관련 컴포넌트 구조 개선

- 기록 달력

  • 달력의 토요일은 파란색, 일요일은 빨간색, 평일은 흰색
  • 요일 색상을 그레이로 변경 👉 배경색과 요일 색상이 비슷하여 안보이던 문제 해결

- 알림

  • 프로필 대체 이미지 설정
  • 알림 메시지에서 느낌표(!)와 마침표(.)로 끝날 때 줄바꿈(\n) 적용 👉 사용자 가독성 향상
  • 알림 아이콘의 뱃지를 심플한 빨간색 동그라미 점 디자인으로 변경 👉 사용자 인지 부담을 줄이고 알림 여부 확인 가능

📸 스크린샷

코치 상세 페이지 코치 목록 페이지 기록 달력 알림
image image image image

closed #402

- 코치 목록 API에 성별 필터링 파라미터 추가
- 필터 관련 컴포넌트 구조 개선
- 달력의 토요일(aria-colindex=7)은 파란색, 일요일(aria-colindex=1)은 빨간색
- 평일은 흰색으로 표시되도록 수정
- 알림 읽기 문구를 삭제로 변경
- 알림 메시지에서 느낌표와 마침표 뒤에 자동 줄바꿈 적용
- white-space: pre-line 스타일로 줄바꿈 인식 지원
- Icon 컴포넌트를 SvgIcon으로 변경
- NotificationBadge를 심플한 빨간 점 스타일로 변경
- 알림 아이콘 크기 및 색상 조정
- 불필요한 activePath 함수 제거
@hazzuuu hazzuuu added enhancement New feature or request Design UI labels Nov 30, 2024
@hazzuuu hazzuuu requested review from hcheorii and yunsaeng November 30, 2024 12:15
@hazzuuu hazzuuu self-assigned this Nov 30, 2024
@hazzuuu hazzuuu linked an issue Nov 30, 2024 that may be closed by this pull request
3 tasks
@netlify
Copy link

netlify bot commented Nov 30, 2024

Deploy Preview for coach-coach ready!

Name Link
🔨 Latest commit 22fee70
🔍 Latest deploy log https://app.netlify.com/sites/coach-coach/deploys/674b01d7a1ee310008deaad1
😎 Deploy Preview https://deploy-preview-403--coach-coach.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 64
Accessibility: 76
Best Practices: 100
SEO: 75
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@hazzuuu hazzuuu merged commit 754ee57 into main Nov 30, 2024
5 checks passed
@hazzuuu hazzuuu deleted the refactor/map branch November 30, 2024 12:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Design UI enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Refactor: 코치 조회, 상세 조회, 기록 페이지 리팩토링

2 participants