헤더 스타일 수정, storybook context 추가

titicacadev · Aug 1, 2024 · 90b8181 · 90b8181
1 parent e42c764
commit 90b8181
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 20 deletions.
diff --git a/packages/public-header/src/public-header.stories.tsx b/packages/public-header/src/public-header.stories.tsx
@@ -1,6 +1,9 @@
 import type { Meta, StoryFn, StoryObj } from '@storybook/react'
 import { appWithTranslation } from '@titicaca/next-i18next'
-import { SessionContextProvider } from '@titicaca/react-contexts'
+import {
+  HistoryProvider,
+  SessionContextProvider,
+} from '@titicaca/react-contexts'
 
 import { koCommonWeb } from '../../i18n/src/assets/ko/common-web'
 import { jaCommonWeb } from '../../i18n/src/assets/ja/common-web'
@@ -54,14 +57,16 @@ export default {
             country: 'KR',
             lang: 'ko',
             unregister: false,
-            photo: '',
+            photo: 'https://assets.triple.guide/images/ico-default-profile.svg',
             mileage: { badges: [], level: 1, point: 0 },
             uid: 'random-user',
-            email: '',
+            email: '[email protected]',
           },
         }}
       >
-        <Story />
+        <HistoryProvider isPublic isAndroid={false}>
+          <Story />
+        </HistoryProvider>
       </SessionContextProvider>
     ),
   ],
@@ -70,13 +75,13 @@ export default {
 export const Basic: StoryObj<typeof PublicHeader> = {
   args: {
     disableAutoHide: true,
-    disableSideMenu: true,
   },
 }
 
-export const SideMenu: StoryObj<typeof PublicHeader> = {
+export const WithSideMenu: StoryObj<typeof PublicHeader> = {
   args: {
     disableAutoHide: true,
+    hasSideMenu: true,
   },
 }
 export const Categories: StoryFn<typeof PublicHeader> = () => {

diff --git a/packages/public-header/src/public-header.tsx b/packages/public-header/src/public-header.tsx
@@ -198,21 +198,21 @@ export function PublicHeader({
             <ExtraActionItem href={linkHref} onClick={onLinkClick || onClick}>
               {linkLabel ?? t(['nae-yeyag', '내 예약'])}
             </ExtraActionItem>
-          </ExtraActionsContainer>
-
-          {deeplinkPath ? (
-            <PublicHeaderDeeplink
-              deeplinkPath={deeplinkPath}
-              DeeplinkComponent={DeeplinkComponent}
-            />
-          ) : null}
 
-          {hasSideMenu ? (
-            <HeaderMenuButton
-              onClick={onMenuButtonClick}
-              hasNewNotification={hasNewNotification}
-            />
-          ) : null}
+            {deeplinkPath ? (
+              <PublicHeaderDeeplink
+                deeplinkPath={deeplinkPath}
+                DeeplinkComponent={DeeplinkComponent}
+              />
+            ) : null}
+
+            {hasSideMenu ? (
+              <HeaderMenuButton
+                onClick={onMenuButtonClick}
+                hasNewNotification={hasNewNotification}
+              />
+            ) : null}
+          </ExtraActionsContainer>
         </HeaderFrame>
       </Wrapper>