From 5d41a7731fc746cdfe0b11f2c081df27d21278e2 Mon Sep 17 00:00:00 2001
From: musma-sujan7 <mcoding777@musma.net>
Date: Wed, 8 Nov 2023 14:34:01 +0900
Subject: [PATCH] chore: update versions

---
 .changeset/lovely-ducks-ring.md                  |  5 +++++
 packages/libraries-test/src/layout/AppLayout.tsx | 14 ++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/lovely-ducks-ring.md

diff --git a/.changeset/lovely-ducks-ring.md b/.changeset/lovely-ducks-ring.md
new file mode 100644
index 00000000..c115546e
--- /dev/null
+++ b/.changeset/lovely-ducks-ring.md
@@ -0,0 +1,5 @@
+---
+"@musma/react-component": minor
+---
+
+chore: update versions
diff --git a/packages/libraries-test/src/layout/AppLayout.tsx b/packages/libraries-test/src/layout/AppLayout.tsx
index 1a3d00d4..05efc5bd 100644
--- a/packages/libraries-test/src/layout/AppLayout.tsx
+++ b/packages/libraries-test/src/layout/AppLayout.tsx
@@ -9,6 +9,9 @@ import {
   NavBar,
   NavBarLink,
   Image,
+  NavBarItemsData,
+  useFoldingNavBarContext,
+  Typography,
 } from '@musma/react-component'
 import { FillBookmarkIcon, FillAlarmIcon } from '@musma/react-icons'
 
@@ -16,8 +19,9 @@ import musma_logo from './images/logo.svg'
 
 export const AppLayout = () => {
   const theme = useTheme()
+  const { isNavBarFolded } = useFoldingNavBarContext()
 
-  const menus = [
+  const menus: NavBarItemsData[] = [
     {
       label: '홈',
       icon: () => <FillBookmarkIcon color="white" />,
@@ -51,7 +55,13 @@ export const AppLayout = () => {
             css={{
               backgroundColor: theme.colors.blue.main,
             }}
-            logo={<Image src={musma_logo} alt="무스마 로고...가 아니넹 ㅋ" width="100%" />}
+            logo={
+              isNavBarFolded ? (
+                <Typography>심볼</Typography>
+              ) : (
+                <Image src={musma_logo} alt="무스마 로고...가 아니넹 ㅋ" width="100%" />
+              )
+            }
           ></HeaderLeftSection>
           <HeaderRightSection isFoldingMode>메뉴지롱 메롱메롱</HeaderRightSection>
         </Header>