From 2791042b4d22dd49e3d367c0aaa60f9f4192c0d9 Mon Sep 17 00:00:00 2001
From: Eonseok Jeon <121864459+eonseok-jeon@users.noreply.github.com>
Date: Fri, 2 Aug 2024 15:25:53 +0900
Subject: [PATCH] =?UTF-8?q?[Chore]=20GNB=20=EC=9D=B4=EB=A6=84=20=EB=A7=88?=
 =?UTF-8?q?=EC=8A=A4=ED=82=B9=20=EC=B2=98=EB=A6=AC=20(#337)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: GNB 이름 마스킹 처리
---
 .../components/Layout/components/Header/MenuItem/index.tsx   | 5 +++--
 src/common/components/Layout/components/Header/index.tsx     | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/common/components/Layout/components/Header/MenuItem/index.tsx b/src/common/components/Layout/components/Header/MenuItem/index.tsx
index 0565c650..aa2a6193 100644
--- a/src/common/components/Layout/components/Header/MenuItem/index.tsx
+++ b/src/common/components/Layout/components/Header/MenuItem/index.tsx
@@ -8,12 +8,13 @@ interface MenuItemProps {
   path?: string;
   target?: '_blank' | '_self';
   amplitudeId?: string;
+  className?: string;
   onClick?: () => void;
 }
 
-const MenuItem = ({ text, path, target, amplitudeId, onClick }: MenuItemProps) => {
+const MenuItem = ({ text, path, target, amplitudeId, className, onClick }: MenuItemProps) => {
   return (
-    <li className={menuItem}>
+    <li className={`${className} ${menuItem}`}>
       {path ? (
         <NavLink
           to={path}
diff --git a/src/common/components/Layout/components/Header/index.tsx b/src/common/components/Layout/components/Header/index.tsx
index e96ba87a..4027736b 100644
--- a/src/common/components/Layout/components/Header/index.tsx
+++ b/src/common/components/Layout/components/Header/index.tsx
@@ -58,7 +58,7 @@ const Header = () => {
                     <MenuItem key={text} text={text} path={path} target={target} amplitudeId={amplitudeId} />
                   ))}
                   <MenuItem key="로그아웃" text="로그아웃" onClick={handleLogout} />
-                  <MenuItem key="로그인완료" text={`${name}님`} />
+                  <MenuItem key="로그인완료" text={`${name}님`} className="amp-block" />
                 </>
               )}
             </ul>