diff --git a/app/(route)/(bottom-nav)/page.tsx b/app/(route)/(bottom-nav)/page.tsx index a309837d..ad71b4f4 100644 --- a/app/(route)/(bottom-nav)/page.tsx +++ b/app/(route)/(bottom-nav)/page.tsx @@ -11,7 +11,7 @@ const Home = () => {
-
+
diff --git a/app/(route)/(header)/my-artist-event/page.tsx b/app/(route)/(header)/my-artist-event/page.tsx index 17cc82e2..5fee443a 100644 --- a/app/(route)/(header)/my-artist-event/page.tsx +++ b/app/(route)/(header)/my-artist-event/page.tsx @@ -3,7 +3,7 @@ import MyArtistEvent from "./_components/MyArtistEvent"; const MyArtistEventPage = () => { return ( -
+
); diff --git a/app/(route)/_components/artist-list/ArtistList.tsx b/app/(route)/_components/artist-list/ArtistList.tsx index 2c263c4f..d6980da7 100644 --- a/app/(route)/_components/artist-list/ArtistList.tsx +++ b/app/(route)/_components/artist-list/ArtistList.tsx @@ -26,7 +26,7 @@ const ArtistList = () => { }; return ( -
+

아티스트로 찾아보기

{ Loading ...
} - className="w-320" + className="flex flex-col items-center" > -
    - {artists.map((artist, index) => ( -
  • - {artist.name} -
    • - ))} -
+
+
    + {artists.map((artist, index) => ( +
  • + {artist.name} +
    • + ))} +
+
); diff --git a/app/(route)/_components/carousel/Carousel.tsx b/app/(route)/_components/carousel/Carousel.tsx new file mode 100644 index 00000000..86b88da4 --- /dev/null +++ b/app/(route)/_components/carousel/Carousel.tsx @@ -0,0 +1,17 @@ +import { ReactNode } from "react"; + +interface Props { + title?: string; + children: ReactNode; +} + +const Carousel = ({ title, children }: Props) => { + return ( +
+ {title &&

{title}

} +
{children}
+
+ ); +}; + +export default Carousel; diff --git a/app/(route)/_components/carousel/FavArtistEventsCarousel.tsx b/app/(route)/_components/carousel/FavArtistEventsCarousel.tsx index 555be760..c2839da3 100644 --- a/app/(route)/_components/carousel/FavArtistEventsCarousel.tsx +++ b/app/(route)/_components/carousel/FavArtistEventsCarousel.tsx @@ -3,10 +3,10 @@ import Link from "next/link"; import { useRouter } from "next/navigation"; import { useState } from "react"; -import Carousel from "@/components/Carousel"; import VerticalEventCard from "@/components/card/VerticalEventCard"; import { MOCK_EVENTS } from "@/constants/mock"; import Hero from "@/public/icon/hero.svg"; +import Carousel from "./Carousel"; const FavArtistEventsCarousel = () => { // 추후 next auth로 변경 예정 @@ -26,7 +26,7 @@ const FavArtistEventsCarousel = () => { } return ( - + {MOCK_EVENTS.map((event, index) => (
@@ -38,7 +38,7 @@ const FavArtistEventsCarousel = () => { return (
-
+

내 아티스트의 새 행사

{hasFavoriteEvents && ( @@ -60,11 +60,13 @@ const NoFavCard = ({ href, buttonName }: NoFavCardProps) => { const router = useRouter(); return ( -
- -
-
router.push(href)} className="h-32 cursor-pointer rounded-full bg-gray-900 px-16 text-14 font-600 leading-loose text-white-white "> - {buttonName} +
+
+ +
+
router.push(href)} className="h-32 cursor-pointer rounded-full bg-gray-900 px-16 text-14 font-600 leading-loose text-white-white "> + {buttonName} +
diff --git a/app/(route)/_components/carousel/NewestEventsCarousel.tsx b/app/(route)/_components/carousel/NewestEventsCarousel.tsx index 1da0fdd5..73d182f9 100644 --- a/app/(route)/_components/carousel/NewestEventsCarousel.tsx +++ b/app/(route)/_components/carousel/NewestEventsCarousel.tsx @@ -1,10 +1,10 @@ -import Carousel from "@/components/Carousel"; import VerticalEventCard from "@/components/card/VerticalEventCard"; import { MOCK_EVENTS } from "@/constants/mock"; +import Carousel from "./Carousel"; const NewestEventsCarousel = () => { return ( - + ); diff --git a/app/(route)/_components/carousel/PopularEventsCarousel.tsx b/app/(route)/_components/carousel/PopularEventsCarousel.tsx index c4328f09..e5ef75e7 100644 --- a/app/(route)/_components/carousel/PopularEventsCarousel.tsx +++ b/app/(route)/_components/carousel/PopularEventsCarousel.tsx @@ -1,10 +1,10 @@ -import Carousel from "@/components/Carousel"; import VerticalEventCard from "@/components/card/VerticalEventCard"; import { MOCK_EVENTS } from "@/constants/mock"; +import Carousel from "./Carousel"; const PopularEventsCarousel = () => { return ( - + ); diff --git a/app/_components/BottomNav.tsx b/app/_components/BottomNav.tsx index a4f53d86..98203ba9 100644 --- a/app/_components/BottomNav.tsx +++ b/app/_components/BottomNav.tsx @@ -29,7 +29,7 @@ const BottomNav = () => { ]; return ( -