From 931430184dc92d1056039bbe061dac15d09664d0 Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Thu, 4 Jan 2024 21:06:18 +0900 Subject: [PATCH 01/18] =?UTF-8?q?feat:=20Logo=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C?= =?UTF-8?q?=EC=9E=91=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/icons/Logo.tsx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 src/components/icons/Logo.tsx diff --git a/src/components/icons/Logo.tsx b/src/components/icons/Logo.tsx new file mode 100644 index 00000000..2fae0684 --- /dev/null +++ b/src/components/icons/Logo.tsx @@ -0,0 +1,20 @@ +import { Colors, colors } from '@styles/colorPalette'; + +interface LogoProps { + width?: number + height?:number + color?: Colors + onClick?: () => void +} + +function Logo({ + width = 97, height = 19, color = 'black', onClick, +}: LogoProps) { + return ( + + + + ); +} + +export default Logo; From e0d16c8f62315d3706a5d5b4349671b463593fa3 Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Thu, 4 Jan 2024 21:06:45 +0900 Subject: [PATCH 02/18] =?UTF-8?q?feat:=20BackArrow=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C?= =?UTF-8?q?=EC=9E=91=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/icons/BackArrow.tsx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 src/components/icons/BackArrow.tsx diff --git a/src/components/icons/BackArrow.tsx b/src/components/icons/BackArrow.tsx new file mode 100644 index 00000000..cf002ab5 --- /dev/null +++ b/src/components/icons/BackArrow.tsx @@ -0,0 +1,20 @@ +import { Colors, colors } from '@styles/colorPalette'; + +interface BackProps { + width?: number + height?:number + color?: Colors + onClick?: () => void +} + +function BackArrow({ + width = 9, height = 16, color = 'black', onClick, +}:BackProps) { + return ( + + + + ); +} + +export default BackArrow; From 5c3af73f680cebc1de1c60a3a758a18208615b4e Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Thu, 4 Jan 2024 21:07:04 +0900 Subject: [PATCH 03/18] =?UTF-8?q?feat:=20Heart=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C?= =?UTF-8?q?=EC=9E=91=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/icons/Heart.tsx | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/components/icons/Heart.tsx diff --git a/src/components/icons/Heart.tsx b/src/components/icons/Heart.tsx new file mode 100644 index 00000000..b7dacc26 --- /dev/null +++ b/src/components/icons/Heart.tsx @@ -0,0 +1,21 @@ +import { Colors, colors } from '@styles/colorPalette'; + +interface HeartProps { + width: number + height:number + color?: Colors + fillColor?: Colors + onClick?: () => void +} + +function Heart({ + width, height, color = 'gray400', onClick, fillColor = 'white', +}: HeartProps) { + return ( + + + + ); +} + +export default Heart; From 627357465bb3ec395941706afedf918a707377ec Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Thu, 4 Jan 2024 21:07:20 +0900 Subject: [PATCH 04/18] =?UTF-8?q?feat:=20Share=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C?= =?UTF-8?q?=EC=9E=91=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/icons/Share.tsx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 src/components/icons/Share.tsx diff --git a/src/components/icons/Share.tsx b/src/components/icons/Share.tsx new file mode 100644 index 00000000..5997d0c7 --- /dev/null +++ b/src/components/icons/Share.tsx @@ -0,0 +1,20 @@ +import { Colors, colors } from '@styles/colorPalette'; + +interface ShareProps { + width?: number + height?:number + color?: Colors + onClick?: () => void +} + +function Share({ + width = 18, height = 20, color = 'black', onClick, +}: ShareProps) { + return ( + + + + ); +} + +export default Share; From 2f59792097dc2d545ff1996351ccc61caac9ee7e Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 01:47:28 +0900 Subject: [PATCH 05/18] =?UTF-8?q?feat:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/shared/header/Header.tsx | 27 ++++++++++++++ .../shared/header/headerItems/CenterIcon.tsx | 21 +++++++++++ .../shared/header/headerItems/LeftIcon.tsx | 16 +++++++++ .../shared/header/headerItems/RightIcon.tsx | 35 +++++++++++++++++++ 4 files changed, 99 insertions(+) create mode 100644 src/components/shared/header/Header.tsx create mode 100644 src/components/shared/header/headerItems/CenterIcon.tsx create mode 100644 src/components/shared/header/headerItems/LeftIcon.tsx create mode 100644 src/components/shared/header/headerItems/RightIcon.tsx diff --git a/src/components/shared/header/Header.tsx b/src/components/shared/header/Header.tsx new file mode 100644 index 00000000..d39c6a81 --- /dev/null +++ b/src/components/shared/header/Header.tsx @@ -0,0 +1,27 @@ +import React from 'react'; + +import styles from './Header.module.scss'; +import CenterIcon from './headerItems/CenterIcon'; +import LeftIcon from './headerItems/LeftIcon'; +import RightIcon from './headerItems/RightIcon'; + +interface HeaderProps { + isLogin?: boolean + displayLogo?: boolean + isTransparent?: boolean + displayRightIcon?: boolean +} + +export default function Header({ + isLogin = false, displayLogo = true, isTransparent = false, displayRightIcon = false, +}:HeaderProps) { + return ( + + ); +} diff --git a/src/components/shared/header/headerItems/CenterIcon.tsx b/src/components/shared/header/headerItems/CenterIcon.tsx new file mode 100644 index 00000000..77bcb8a6 --- /dev/null +++ b/src/components/shared/header/headerItems/CenterIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react'; + +import Link from 'next/link'; + +import Logo from '@/components/icons/Logo'; + +interface CenterIconProps { + className: string; +} + +function CenterIcon({ className }:CenterIconProps) { + return ( +
  • + + + +
    • + ); +} + +export default CenterIcon; diff --git a/src/components/shared/header/headerItems/LeftIcon.tsx b/src/components/shared/header/headerItems/LeftIcon.tsx new file mode 100644 index 00000000..1813c1fa --- /dev/null +++ b/src/components/shared/header/headerItems/LeftIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import BackArrow from '@/components/icons/BackArrow'; + +interface LeftIconProps { + className: string; +} + +function LeftIcon({ className }: LeftIconProps) { + return ( +
  • + +
    • + ); +} +export default LeftIcon; diff --git a/src/components/shared/header/headerItems/RightIcon.tsx b/src/components/shared/header/headerItems/RightIcon.tsx new file mode 100644 index 00000000..917d3bf9 --- /dev/null +++ b/src/components/shared/header/headerItems/RightIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react'; + +import Link from 'next/link'; + +import Heart from '@/components/icons/Heart'; +import Share from '@/components/icons/Share'; +import Text from '@shared/text/Text'; + +interface RightIconProps { + isLogin?: boolean + className?: string + displayRightIcon?:boolean +} + +function RightIcon({ className, isLogin, displayRightIcon }:RightIconProps) { + return ( + displayRightIcon ? ( +
      +
    • + +
      • +
    • + +
      • +
    + ) : ( +
  • + + {isLogin ? '로그아웃' : '로그인'} + +
    • + ) + ); +} +export default RightIcon; From f4d36779779cd55e7c60901f7ebaba4a00b0c2ff Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 04:12:46 +0900 Subject: [PATCH 06/18] =?UTF-8?q?bug:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?= =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=ED=83=80?= =?UTF-8?q?=EC=9E=85=20=EB=B6=84=EB=A6=AC=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/shared/header/Header.tsx | 21 +++++----- .../shared/header/headerItems/RightIcon.tsx | 41 +++++++++++-------- .../shared/header/types/headerType.tsx | 15 +++++++ 3 files changed, 51 insertions(+), 26 deletions(-) create mode 100644 src/components/shared/header/types/headerType.tsx diff --git a/src/components/shared/header/Header.tsx b/src/components/shared/header/Header.tsx index d39c6a81..e84d2310 100644 --- a/src/components/shared/header/Header.tsx +++ b/src/components/shared/header/Header.tsx @@ -4,23 +4,24 @@ import styles from './Header.module.scss'; import CenterIcon from './headerItems/CenterIcon'; import LeftIcon from './headerItems/LeftIcon'; import RightIcon from './headerItems/RightIcon'; - -interface HeaderProps { - isLogin?: boolean - displayLogo?: boolean - isTransparent?: boolean - displayRightIcon?: boolean -} +import { HeaderProps } from './types/headerType'; export default function Header({ - isLogin = false, displayLogo = true, isTransparent = false, displayRightIcon = false, + isLogin = false, + displayLogo = true, isTransparent = false, displayRightIcon = false, }:HeaderProps) { + // TODO: login 상태 가져오기 return ( ); diff --git a/src/components/shared/header/headerItems/RightIcon.tsx b/src/components/shared/header/headerItems/RightIcon.tsx index 917d3bf9..9ff04434 100644 --- a/src/components/shared/header/headerItems/RightIcon.tsx +++ b/src/components/shared/header/headerItems/RightIcon.tsx @@ -6,15 +6,28 @@ import Heart from '@/components/icons/Heart'; import Share from '@/components/icons/Share'; import Text from '@shared/text/Text'; -interface RightIconProps { - isLogin?: boolean - className?: string - displayRightIcon?:boolean -} +import { RightIconProps } from '../types/headerType'; + +function RightIcon({ + className, + isLogin, + displayLogo, + displayRightIcon, +}: RightIconProps) { + if (displayLogo) { + return ( +
  • + + + {isLogin ? '로그인' : '로그아웃'} + + +
    • + ); + } -function RightIcon({ className, isLogin, displayRightIcon }:RightIconProps) { - return ( - displayRightIcon ? ( + if (displayRightIcon) { + return (
    • @@ -23,13 +36,9 @@ function RightIcon({ className, isLogin, displayRightIcon }:RightIconProps) {
    - ) : ( -
  • - - {isLogin ? '로그아웃' : '로그인'} - -
    • - ) - ); + ); + } + + return null; } export default RightIcon; diff --git a/src/components/shared/header/types/headerType.tsx b/src/components/shared/header/types/headerType.tsx new file mode 100644 index 00000000..e2af96b0 --- /dev/null +++ b/src/components/shared/header/types/headerType.tsx @@ -0,0 +1,15 @@ +interface CommonProps { + isLogin?: boolean; + displayLogo?: boolean; + displayRightIcon?: boolean; +} + +interface RightIconProps extends CommonProps { + className?: string; +} + +interface HeaderProps extends CommonProps { + isTransparent?: boolean; +} + +export type { HeaderProps, RightIconProps }; From fc1f7ca55bc904af33593fb896ca1c0a596198e2 Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 04:15:54 +0900 Subject: [PATCH 07/18] =?UTF-8?q?design:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20CSS=20=EA=B5=AC=ED=98=84=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../shared/header/Header.module.scss | 57 +++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 src/components/shared/header/Header.module.scss diff --git a/src/components/shared/header/Header.module.scss b/src/components/shared/header/Header.module.scss new file mode 100644 index 00000000..0662fc43 --- /dev/null +++ b/src/components/shared/header/Header.module.scss @@ -0,0 +1,57 @@ +.nav { + position: fixed; + top: 0; + box-sizing: border-box; + width: 100%; + height: 48px; + padding: 0 24px; + background-color: var(--white); + + &.transparent { + background-color: transparent; + } + + ul { + margin: 0; + padding-left: 0; + list-style: none; + + li { + display: flex; + align-items: center; + cursor: pointer; + } + } + + .hide { + display: none; + } +} + +ul.container { + display: flex; + justify-content: space-between; + width: inherit; + height: inherit; + + li.logo { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -45%); + } + + ul.right { + display: flex; + gap: 18px; + align-items: center; + } + + li.right { + margin-left: auto; + + a { + text-decoration: none; + } + } +} From 0c3e47e7864871b5fc517b0a4efaf1e31db133dd Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 04:17:49 +0900 Subject: [PATCH 08/18] =?UTF-8?q?test:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81=20?= =?UTF-8?q?=EC=A0=9C=EC=9E=91=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../shared/header/Header.stories.tsx | 64 +++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 src/components/shared/header/Header.stories.tsx diff --git a/src/components/shared/header/Header.stories.tsx b/src/components/shared/header/Header.stories.tsx new file mode 100644 index 00000000..13f00e80 --- /dev/null +++ b/src/components/shared/header/Header.stories.tsx @@ -0,0 +1,64 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import Header from './Header'; + +const meta = { + title: 'Shared/Header', + component: Header, + tags: ['autodocs'], + args: { + isLogin: false, + displayLogo: true, + isTransparent: false, + displayRightIcon: false, + }, + argTypes: { + isLogin: { control: 'boolean' }, + displayLogo: { control: 'boolean' }, + isTransparent: { control: 'boolean' }, + displayRightIcon: { control: 'boolean' }, + }, +}satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const LoggedIn:Story = { + args: { + isLogin: true, + displayLogo: true, + isTransparent: false, + displayRightIcon: false, + }, +}; + +export const LoggedOut:Story = { + args: { + isLogin: false, + displayLogo: true, + isTransparent: false, + displayRightIcon: false, + }, +}; + +export const NotMainPage:Story = { + args: { + displayLogo: false, + isTransparent: false, + displayRightIcon: false, + }, +}; + +export const MapPage:Story = { + args: { + displayLogo: false, + isTransparent: true, + }, +}; + +export const ProductPage:Story = { + args: { + displayLogo: false, + displayRightIcon: true, + }, +}; From cbc4e1bbed042475f48770f605be12a92dc88e0d Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 04:25:58 +0900 Subject: [PATCH 09/18] =?UTF-8?q?asset:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20asset=ED=8C=8C=EC=9D=BC=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/icons/back.svg | 3 +++ public/assets/icons/logo.svg | 3 +++ public/assets/icons/share.svg | 3 +++ 3 files changed, 9 insertions(+) create mode 100644 public/assets/icons/back.svg create mode 100644 public/assets/icons/logo.svg create mode 100644 public/assets/icons/share.svg diff --git a/public/assets/icons/back.svg b/public/assets/icons/back.svg new file mode 100644 index 00000000..ba15e047 --- /dev/null +++ b/public/assets/icons/back.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/icons/logo.svg b/public/assets/icons/logo.svg new file mode 100644 index 00000000..1d3c0070 --- /dev/null +++ b/public/assets/icons/logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/icons/share.svg b/public/assets/icons/share.svg new file mode 100644 index 00000000..c913eef8 --- /dev/null +++ b/public/assets/icons/share.svg @@ -0,0 +1,3 @@ + + + From 3f7979d2a414988055d3fd051070620d6a961aec Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 13:50:36 +0900 Subject: [PATCH 10/18] =?UTF-8?q?feat:=20Header=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=ED=95=98=ED=8A=B8=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=ED=81=B4=EB=A6=AD=EC=8B=9C=20=EC=83=89=EC=83=81?= =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=95=84=EC=9B=83=20=ED=85=8D=EC=8A=A4?= =?UTF-8?q?=ED=8A=B8=20=EB=A0=8C=EB=8D=94=EB=A7=81=20=EC=BD=94=EB=93=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../shared/header/headerItems/RightIcon.tsx | 24 +++++++++++++------ 1 file changed, 17 insertions(+), 7 deletions(-) diff --git a/src/components/shared/header/headerItems/RightIcon.tsx b/src/components/shared/header/headerItems/RightIcon.tsx index 9ff04434..bdf5313f 100644 --- a/src/components/shared/header/headerItems/RightIcon.tsx +++ b/src/components/shared/header/headerItems/RightIcon.tsx @@ -1,4 +1,6 @@ -import React from 'react'; +'use client'; + +import React, { useState } from 'react'; import Link from 'next/link'; @@ -14,14 +16,22 @@ function RightIcon({ displayLogo, displayRightIcon, }: RightIconProps) { + const [isClicked, setIsClicked] = useState(false); + + const handleHeartClick = () => { + setIsClicked(!isClicked); + }; + // TODO: 로그아웃 if (displayLogo) { return (
  • - - - {isLogin ? '로그인' : '로그아웃'} - - + {isLogin + ? ( + + 로그인 + + ) + : (로그아웃)}
    • ); } @@ -30,7 +40,7 @@ function RightIcon({ return (
    • - +
    • From 769bf102e35a9922555b86daab26f4d60b15158d Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Fri, 5 Jan 2024 13:54:19 +0900 Subject: [PATCH 11/18] =?UTF-8?q?design:=20=ED=8F=B0=ED=8A=B8=20=ED=81=AC?= =?UTF-8?q?=EA=B8=B0=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=83=89=EC=83=81?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 4 +++- src/styles/colorPalette.ts | 2 ++ src/styles/typography.ts | 14 +++++++++----- 3 files changed, 14 insertions(+), 6 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 61d6fa81..52708330 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,12 +2,14 @@ --primary: #0075FF; --secondary: #B2D6FF; --red: #FF5247; + --gray:#F5F5F5; --gray-100: #CDCFD0; --gray-200: #979C9E; --gray-300: #72777A; --gray-400: #404446; --black: #090A0A; - --white: #EEE; + --white: #FFF; + --pink: #F67272; } body { diff --git a/src/styles/colorPalette.ts b/src/styles/colorPalette.ts index fd1863de..f2a5861a 100644 --- a/src/styles/colorPalette.ts +++ b/src/styles/colorPalette.ts @@ -2,12 +2,14 @@ export const colors = { primary: 'var(--primary)', secondary: 'var(--secondary)', red: 'var(--red)', + gray: 'var(--gray)', gray100: 'var(--gray-100)', gray200: 'var(--gray-200) ', gray300: 'var(--gray-300)', gray400: 'var(--gray-400)', black: 'var(--black)', white: 'var(--white)', + pink: 'var(--pink)', }; export type Colors = keyof typeof colors; diff --git a/src/styles/typography.ts b/src/styles/typography.ts index 77a041c7..7db99267 100644 --- a/src/styles/typography.ts +++ b/src/styles/typography.ts @@ -4,11 +4,11 @@ export const typographyMap = { lineHeight: 1.35, }, t2: { - fontSize: '26px', + fontSize: '28px', lineHeight: 1.34, }, t3: { - fontSize: '22px', + fontSize: '24px', lineHeight: 1.4, }, t4: { @@ -16,15 +16,19 @@ export const typographyMap = { lineHeight: 1.45, }, t5: { - fontSize: '17px', + fontSize: '16px', lineHeight: 1.5, }, t6: { - fontSize: '15px', + fontSize: '14px', lineHeight: 1.5, }, t7: { - fontSize: '13px', + fontSize: '12px', + lineHeight: 1.5, + }, + t8: { + fontSize: '10px', lineHeight: 1.5, }, }; From cf4b808c2d155b7386baeb72dbccea107f631e9b Mon Sep 17 00:00:00 2001 From: seoye0ng Date: Sat, 6 Jan 2024 20:12:42 +0900 Subject: [PATCH 12/18] =?UTF-8?q?fix:=20bind=20=EB=A9=94=EC=84=9C=EB=93=9C?= =?UTF-8?q?=EB=A5=BC=20=EC=9D=B4=EC=9A=A9=ED=95=B4=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EA=B0=9D=EC=B2=B4=EC=9D=98=20=ED=81=B4=EB=9E=98?= =?UTF-8?q?=EC=8A=A4=EB=AA=85=EC=9D=84=20=EB=8F=99=EC=A0=81=EC=9C=BC?= =?UTF-8?q?=EB=A1=9C=20=EB=B0=94=EC=9D=B8=EB=94=A9=20#32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/shared/header/Header.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/shared/header/Header.tsx b/src/components/shared/header/Header.tsx index e84d2310..dd732dfe 100644 --- a/src/components/shared/header/Header.tsx +++ b/src/components/shared/header/Header.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import classNames from 'classnames/bind'; import styles from './Header.module.scss'; import CenterIcon from './headerItems/CenterIcon'; @@ -10,14 +10,14 @@ export default function Header({ isLogin = false, displayLogo = true, isTransparent = false, displayRightIcon = false, }:HeaderProps) { - // TODO: login 상태 가져오기 + const cx = classNames.bind(styles); return ( -