chore: update versions

Musma · Nov 8, 2023 · 5d41a77 · 5d41a77
1 parent 1171769
commit 5d41a77
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/.changeset/lovely-ducks-ring.md 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
@@ -9,15 +9,19 @@ import {
   NavBar,
   NavBarLink,
   Image,
+  NavBarItemsData,
+  useFoldingNavBarContext,
+  Typography,
 } from '@musma/react-component'
 import { FillBookmarkIcon, FillAlarmIcon } from '@musma/react-icons'
 
 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>