[Chore] GNB 이름 마스킹 처리 (#337)

* chore: GNB 이름 마스킹 처리
sopt-makers · Aug 2, 2024 · 2791042 · 2791042
1 parent 7610a97
commit 2791042
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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>