Skip to content

feat: 헤더에 뒤로가기 버튼 추가#149

Merged
julia98percent merged 1 commit intodevfrom
feature/148
May 14, 2025
Merged

feat: 헤더에 뒤로가기 버튼 추가#149
julia98percent merged 1 commit intodevfrom
feature/148

Conversation

@julia98percent
Copy link
Collaborator

#️⃣연관된 이슈

#148

📝작업 내용

이번 PR에서 작업한 내용을 간단하게 작성해주세요. 어떻게보다 무엇을 왜 수정했는지 설명해주세요. (이미지 첨부 가능)

📸 스크린샷 (선택)

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

@julia98percent julia98percent requested a review from Copilot May 14, 2025 06:16
@vercel
Copy link

vercel bot commented May 14, 2025

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

Name Status Preview Comments Updated (UTC)
kernel360-kdev-4-zipline-fe ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 14, 2025 6:17am

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR adds a back button to the header component for improved navigation.

  • Introduces an IconButton with an ArrowBackIcon that triggers navigation to the previous page.
  • Updates the header layout to accommodate the new back button.
Comments suppressed due to low confidence (1)

src/components/PageHeader/PageHeader.tsx:59

  • Add an aria-label to the IconButton (e.g., aria-label="Go back") to enhance accessibility.
<IconButton onClick={() => navigate(-1)} sx={{

Comment on lines +58 to +70
{
<IconButton
onClick={() => navigate(-1)}
sx={{
color: "#164F9E",
"&:hover": {
backgroundColor: "rgba(22, 79, 158, 0.04)",
},
}}
>
<ArrowBackIcon />
</IconButton>
}
Copy link

Copilot AI May 14, 2025

Choose a reason for hiding this comment

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

[nitpick] Remove the unnecessary JSX curly braces that wrap the IconButton since the component is always rendered.

Suggested change
{
<IconButton
onClick={() => navigate(-1)}
sx={{
color: "#164F9E",
"&:hover": {
backgroundColor: "rgba(22, 79, 158, 0.04)",
},
}}
>
<ArrowBackIcon />
</IconButton>
}
<IconButton
onClick={() => navigate(-1)}
sx={{
color: "#164F9E",
"&:hover": {
backgroundColor: "rgba(22, 79, 158, 0.04)",
},
}}
>
<ArrowBackIcon />
</IconButton>

Copilot uses AI. Check for mistakes.
@julia98percent julia98percent merged commit 8d9c500 into dev May 14, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants