Merge pull request #89 from TEAM-BEAT/refactor/#88/RefactorBookPageName

[Refactor/#88] 기존의 book 페이지 gig으로 수정

package.json

@@ -55,6 +55,7 @@
     "@storybook/addon-links": "^8.1.11",
     "@storybook/addon-onboarding": "^8.1.11",
     "@storybook/blocks": "^8.1.11",
+    "@storybook/preview-api": "^8.2.1",
     "@storybook/react": "^8.1.11",
     "@storybook/react-vite": "^8.1.11",
     "@storybook/test": "^8.1.11",

src/assets/svgs/IcHamburgar.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIcHamburgar = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32" {...props}>

src/assets/svgs/IcomCopy.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIcomCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24" {...props}>

src/assets/svgs/IconArrowLeft.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconArrowLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconArrowRight.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconArrowRight = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconArrowUp.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconArrowUp = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconBnk.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconBnk = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconCalendar.tsx

@@ -2,7 +2,7 @@ import type { SVGProps } from "react";
 const SvgIconCalendar = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
     <path
-      fill={props.fill}
+      fill="#626262"
       d="M9.9 5v1.4h4.2V5h1.4v1.4h2.8a.7.7 0 0 1 .7.7v11.2a.7.7 0 0 1-.7.7H5.7a.7.7 0 0 1-.7-.7V7.1a.7.7 0 0 1 .7-.7h2.8V5zm7.7 7H6.4v5.6h11.2zM8.5 7.8H6.4v2.8h11.2V7.8h-2.1v1.4h-1.4V7.8H9.9v1.4H8.5z"
     />
   </svg>

src/assets/svgs/IconCheck.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>

src/assets/svgs/IconEyeOff.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconEyeOff = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconHanna.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconHanna = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconIbk.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconIbk = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconIm.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconIm = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconKabank.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconKabank = (props: SVGProps<SVGSVGElement>) => (
   <svg

src/assets/svgs/IconKb.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconKb = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconLogo.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconLogo = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 73 30" {...props}>

src/assets/svgs/IconMinus.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconMinus = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconNonghyup.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconNonghyup = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconPlus.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconPlus = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconSaemauel.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconSaemauel = (props: SVGProps<SVGSVGElement>) => (
   <svg

src/assets/svgs/IconSc.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconSc = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconShinhan.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconShinhan = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconShinhyup.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconShinhyup = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconSoohyup.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconSoohyup = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconTextfiedlDelete.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconTextfiedlDelete = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/IconToss.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconToss = (props: SVGProps<SVGSVGElement>) => (
   <svg

src/assets/svgs/IconWoochaegook.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconWoochaegook = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconWoori.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconWoori = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" {...props}>

src/assets/svgs/IconXButton.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIconXButton = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

src/assets/svgs/index.tsx

@@ -1,15 +1,18 @@
+export { default as IcHamburgar } from "./IcHamburgar";
 export { default as IcomCopy } from "./IcomCopy";
+export { default as IconArrowDown } from "./IconArrowDown";
 export { default as IconArrowLeft } from "./IconArrowLeft";
 export { default as IconArrowRight } from "./IconArrowRight";
-export { default as IconArrowDown } from "./IconArrowDown";
+export { default as IconArrowUp } from "./IconArrowUp";
 export { default as IconBnk } from "./IconBnk";
+export { default as IconCalendar } from "./IconCalendar";
 export { default as IconCheck } from "./IconCheck";
+export { default as IconEyeOff } from "./IconEyeOff";
 export { default as IconHanna } from "./IconHanna";
 export { default as IconIbk } from "./IconIbk";
 export { default as IconIm } from "./IconIm";
 export { default as IconKabank } from "./IconKabank";
 export { default as IconKb } from "./IconKb";
-export { default as IconEyeOff } from "./IconEyeOff";
 export { default as IconLogo } from "./IconLogo";
 export { default as IconMinus } from "./IconMinus";
 export { default as IconNonghyup } from "./IconNonghyup";
@@ -20,9 +23,9 @@ export { default as IconShinhan } from "./IconShinhan";
 export { default as IconShinhyup } from "./IconShinhyup";
 export { default as IconSoohyup } from "./IconSoohyup";
 export { default as IconTextfiedlDelete } from "./IconTextfiedlDelete";
+export { default as IconTime } from "./IconTime";
 export { default as IconToss } from "./IconToss";
 export { default as IconWoochaegook } from "./IconWoochaegook";
 export { default as IconWoori } from "./IconWoori";
 export { default as IconXButton } from "./IconXButton";
-export { default as IcHamburgar } from "./IcHamburgar";
-export { default as IconCalendar } from "./IconCalendar";
+export { default as IcOutlinePlace } from "./IcOutlinePlace";

src/pages/book/Book.tsx → src/pages/gig/Gig.tsx

@@ -6,7 +6,7 @@ import Content from "./components/content/Content";
 import ShowInfo from "./components/showInfo/ShowInfo";
 import { SHOW_DETAIL_INFO } from "./constants";
 
-const Book = () => {
+const Gig = () => {
   // TODO: performanceId로 상세 정보 조회(GET)
   const { performanceId } = useParams<{ performanceId: string }>();
   const [detail, setDetail] = useState(SHOW_DETAIL_INFO);
@@ -38,7 +38,7 @@ const Book = () => {
   );
 };
 
-export default Book;
+export default Gig;
 
 const FooterContainer = styled.div`
   position: sticky;

src/pages/book/components/content/Content.tsx → src/pages/gig/components/content/Content.tsx

@@ -1,4 +1,4 @@
-import { TAB_TYPE, TabType } from "@pages/book/constants";
+import { TAB_TYPE, TabType } from "@pages/gig/constants";
 import { useState } from "react";
 import MakerIntroduce from "../makerIntroduce/MakerIntroduce";
 import PerformanceIntroduce from "../performanceIntroduce/PerformanceIntroduce";

src/pages/book/components/showType/ShowType.tsx → src/pages/gig/components/showType/ShowType.tsx

@@ -1,4 +1,4 @@
-import { SHOW_TYPE, ShowTypes } from "@pages/book/constants";
+import { SHOW_TYPE, ShowTypes } from "@pages/gig/constants";
 import * as S from "./ShowType.styled";
 
 interface ShowTypeProps {

src/pages/book/components/tabBar/TabBar.tsx → src/pages/gig/components/tabBar/TabBar.tsx

@@ -1,4 +1,4 @@
-import { TAB_TYPE, TabType } from "@pages/book/constants";
+import { TAB_TYPE, TabType } from "@pages/gig/constants";
 import * as S from "./TabBar.styled";
 
 interface TabBarProps {

src/routes/Router.tsx

@@ -2,7 +2,7 @@ import Layout from "@components/layout/Layout";
 import ActionBottomSheetTest from "@pages/ActionBottomSheetTest";
 import Apage from "@pages/APage/Apage";
 import BankTest from "@pages/BankTest";
-import Book from "@pages/book/Book";
+import Gig from "@pages/gig/Gig";
 import Lookup from "@pages/lookup/Lookup";
 import Manage from "@pages/manage/Manage";
 import ModalTest from "@pages/ModalTest";
@@ -21,7 +21,7 @@ const router = createBrowserRouter([
       { path: "lookup", element: <Lookup /> },
       { path: "testpage", element: <TestPage /> },
       { path: "register", element: <Register /> },
-      { path: "book/:performanceId", element: <Book /> },
+      { path: "gig/:performanceId", element: <Gig /> },
       { path: "manage", element: <Manage /> },
       { path: "myregisteredshow", element: <MyRegisterdShow /> },
       // ... other pages