refactor: ShowDetailLayout 컴포넌트가 공연명을 받을 수 있도록 수정

Nexters · Feb 12, 2024 · a8d12c6 · a8d12c6
1 parent 386f04b
commit a8d12c6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/apps/admin/src/components/ShowDetailLayout/index.tsx b/apps/admin/src/components/ShowDetailLayout/index.tsx
@@ -12,10 +12,11 @@ import Layout from '../Layout/index.tsx';
 import Styled from './ShowDetailLayout.styles.ts';
 
 interface ShowDetailLayoutProps {
+  showName: string;
   children?: React.ReactNode;
 }
 
-const ShowDetailLayout = ({ children }: ShowDetailLayoutProps) => {
+const ShowDetailLayout = ({ showName, children }: ShowDetailLayoutProps) => {
   const { ref: topObserverRef, inView: topInView } = useInView({
     threshold: 1,
   });
@@ -68,7 +69,7 @@ const ShowDetailLayout = ({ children }: ShowDetailLayoutProps) => {
               }
             />
             <Styled.HeaderContent>
-              <Styled.ShowName size={headerInView ? 'big' : 'small'}>%공연명%</Styled.ShowName>
+              <Styled.ShowName size={headerInView ? 'big' : 'small'}>{showName}</Styled.ShowName>
               <Styled.Tab>
                 <Styled.TabItem
                   active={matchInfoTab !== null}

diff --git a/apps/admin/src/pages/ShowInfoPage/ShowInfoPage.tsx b/apps/admin/src/pages/ShowInfoPage/ShowInfoPage.tsx
@@ -4,7 +4,7 @@ import Styled from './ShowInfoPage.styles';
 
 const ShowInfoPage = () => {
   return (
-    <ShowDetailLayout>
+    <ShowDetailLayout showName="불다람쥐 파이어 쇼">
       <Styled.ShowInfoPage>
         {Array.from({ length: 100 }).map(() => (
           <p>안녕</p>