Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat/#47] 누락된 아이콘 활성화 로직 반영 #48

Closed
wants to merge 1 commit into from

Conversation

yarimu
Copy link
Collaborator

@yarimu yarimu commented Jan 14, 2025

🔥 Related Issues

✅ 작업 리스트

  • nav컴포넌트 링크 인식 로직 반영

🔧 작업 내용

nav컴포넌트 링크 인식 로직 반영

📣 리뷰어에게 어떠신가요?

번거롭게 해드려 죄송합니다. 머지 과정에서 작업물이 날아간 것 같아서 새로 반영해 두었습니다.

📸 스크린샷 / GIF / Link

  • 구현 화면 (클릭 한 번씩만 함!)
2025-01-14.11.11.38.mov

Sorry, something went wrong.

@yarimu yarimu added the ♻️ refactor 프로덕션 코드 리팩토링 label Jan 14, 2025
@yarimu yarimu self-assigned this Jan 14, 2025
@yarimu yarimu changed the title [Feat] 누락된 아이콘 활성화 로직 반영 [Feat/#48] 누락된 아이콘 활성화 로직 반영 Jan 14, 2025
@yarimu yarimu changed the title [Feat/#48] 누락된 아이콘 활성화 로직 반영 [Feat/#47] 누락된 아이콘 활성화 로직 반영 Jan 14, 2025
Copy link
Collaborator

@ocahs9 ocahs9 left a comment

Choose a reason for hiding this comment

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

문제 없어서 어푸 해두겠습니다~
코멘트 한번만 확인하고 반영할 부분은 반영해주세요!

Comment on lines -9 to -15
const extractFirstPath = (): string => {
const pathName = location.pathname;
const parts = pathName.split("/");
const basePath = `/${parts[1]}`;

return basePath;
};
Copy link
Collaborator

Choose a reason for hiding this comment

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

p3) 이거는 살려두면 어떨까요? 나중에 location 이 만약 /main이 아니라 /main/어쩌구 등등 뒤에 붙는 형식이 되면 pathName이 일치하지 않는다고 인식되어 아이콘이 활성화가 되지 않을 수도 있을 것 같아서요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

아! 확장성 면에서 기존 로직이 좋은거 같아서 해당 브랜치 폭파 완료했습니다 :)

type="button"
onClick={() => handleClick(path)}
className={styles.navItem({
state: location.pathname === path,
Copy link
Collaborator

Choose a reason for hiding this comment

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

p3) 만약 위에서 언급한 extractFirstPath 를 살린다면 extractFirstPath() === path 같은 방식으로 아이콘 활성화 여부를 결정하면 좋을 것 같습니다 ~

(아니면 extractFirstPath를 리팩토링해서 인자를 받는 형식으로 한다면, extractFirstPath(location.pathname) === path 으로 활성화 여부를 결정해도 좋을 것 같아요!)

@yarimu yarimu closed this Jan 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
♻️ refactor 프로덕션 코드 리팩토링
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ Feat ] nav 컴포넌트 변경사항 반영
2 participants