From c7f2ba10b4505d80d941a8c86339f2ba62eeb632 Mon Sep 17 00:00:00 2001
From: imi21123 <imi21123@naver.com>
Date: Wed, 27 Mar 2024 14:54:58 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EC=A7=84=ED=96=89=20=EC=A4=91=EC=9D=B8?=
 =?UTF-8?q?=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=B9=84=EC=96=B4=EC=9E=88?=
 =?UTF-8?q?=EC=9D=84=20=EB=95=8C=20=ED=99=94=EB=A9=B4=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MyPage/EventingPage/EventingPage.css      |  9 ++++++
 .../MyPage/EventingPage/EventingPage.jsx      | 28 ++++++++++++-------
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/pages/MyPage/EventingPage/EventingPage.css b/src/pages/MyPage/EventingPage/EventingPage.css
index 4c96b92..bfad583 100644
--- a/src/pages/MyPage/EventingPage/EventingPage.css
+++ b/src/pages/MyPage/EventingPage/EventingPage.css
@@ -43,3 +43,12 @@
   height: 20.875rem;
   margin: 3.63rem 0;
 }
+
+.event-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 85vh;
+}
diff --git a/src/pages/MyPage/EventingPage/EventingPage.jsx b/src/pages/MyPage/EventingPage/EventingPage.jsx
index d7b3c68..1c5635b 100644
--- a/src/pages/MyPage/EventingPage/EventingPage.jsx
+++ b/src/pages/MyPage/EventingPage/EventingPage.jsx
@@ -6,6 +6,7 @@ import "slick-carousel/slick/slick.css";
 import Header from "../../../components/views/Header/Header";
 import useFetchEvents from "../../../hooks/useFetchEvents";
 import "./EventingPage.css";
+import Empty from "../../../components/views/PageComponent/Empty";
 
 function EventingPage() {
   const navigate = useNavigate();
@@ -30,16 +31,23 @@ function EventingPage() {
           // linkTo: "/mypage",
         }}
       />
-      <div className="eventing-img">
-        <Slider className="eventing_slider_benner" {...settings}>
-          {events.map((item) => (
-            <div key={item} onClick={() => navigate(item.redirectUrl)}>
-              <img src={item.imgUrl} alt="eventing" />
-              {console.log(item)}
-            </div>
-          ))}
-        </Slider>
-      </div>
+
+      {events && events?.length > 0 ? (
+        <div className="eventing-img">
+          <Slider className="eventing_slider_benner" {...settings}>
+            {events.map((item) => (
+              <div key={item} onClick={() => navigate(item.redirectUrl)}>
+                <img src={item.imgUrl} alt="eventing" />
+                {console.log(item)}
+              </div>
+            ))}
+          </Slider>
+        </div>
+      ) : (
+        <div className="event-empty">
+          <Empty />
+        </div>
+      )}
     </div>
   );
 }