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: bottomNavigationLayout 구현 및 lefthook 설정 수정 #12

Merged
merged 4 commits into from
Jan 28, 2025

Conversation

perfumeplaylist
Copy link
Collaborator

@perfumeplaylist perfumeplaylist commented Jan 28, 2025

이슈 번호

  • close #이슈_번호

작업한 목록을 작성해 주세요

  • BottomNavigationLayout 개발
  • lefthook 설정 수정
  • lint error 수정
  • svg Icon 설정

스크린샷

2025-01-28.10.42.20.mov

pr 포인트나 궁금한 점을 작성해 주세요

  • 영철님이 정의하신 svg 컴포넌트가 링크 에러가 발생합니다!한번 확인 부탁드립니다.

연관된 issue: #undefined

@github-actions github-actions bot added the feat New feature or request label Jan 28, 2025
@perfumeplaylist perfumeplaylist changed the title Feat/home page feat: bottomNavigationLayout 구현 및 lefthook 설정 수정 Jan 28, 2025
Comment on lines +1 to +5
import { SvgProps } from './SettingIcon';

export const HomeIcon = ({ color, className }: SvgProps) => {
return (
<svg
Copy link
Collaborator

Choose a reason for hiding this comment

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

svg를 전부 tsx로 바꾸셔서 링크 오류가 나는 거였군요 이렇게 하면 color를 바꿀 수 있다는 장점이 있네요
머지 후 수정하겠습니다


function UserInformationProfiles() {
return (
<div className={'flex flex-row mt-[20px] items-center'}>
<SparkIcon style={{ width: '48px', height: '48px' }} />
<SparkIcon className={'w-12 h-12'} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

이런경우 각 픽셀에 맞는 tailwind숫자를 찾기어려우니 []안에 크기를 삽입하셔도 됩니다
ex) 'w-[48px] h-[48px]'

Comment on lines +11 to +22
const linkConfig = {
home: {
path: '/',
title: '홈',
icon: HomeIcon,
},
setting: {
path: '/setting',
title: '설정',
icon: SettingIcon,
},
};
Copy link
Collaborator

Choose a reason for hiding this comment

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

linkConfig 전체를 배열이 아니라 객체인 이유가 있을까요? 굳이 Object.value후 mapping을 하는 이유가 궁금합니다

Comment on lines +24 to +30
function Navigation({ path, icon: Icon, title }: NavLinkProps) {
return (
<section className={'flex-1 py-2 cursor-pointer'}>
<NavLink to={path}>
{({ isActive }) => (
<div className={'flex flex-col items-center'}>
<Icon color={isActive ? 'black' : 'gray-500'} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

밖으로 빼라는 말씀이 파일을 하나더 만들라는 뜻인줄 알았는데 이렇게 선언해도 재생성으로 부터 피해갈 수 있겠네요!

@Inoansta Inoansta merged commit ddf2c80 into main Jan 28, 2025
3 checks passed
@perfumeplaylist perfumeplaylist deleted the feat/home_page branch February 7, 2025 04:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants