refactor: 다가오는 여행 없을시 타이틀 삭제

WePlanPlans · Jan 26, 2024 · b9ca36c · b9ca36c
1 parent e9a3b81
commit b9ca36c
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/src/components/MyTrip/MyTripBeforeList.tsx b/src/components/MyTrip/MyTripBeforeList.tsx
@@ -12,18 +12,22 @@ const MyTripBeforeList: React.FC<MyTripIngListProps> = ({ myTripsData }) => {
     return <div>데이터를 불러오는 중 오류가 발생했습니다.</div>;
   }
 
-  return (
-    <>
-      <div className="mb-[10px] mt-[30px]">
-        <h1 className="text-[18px] font-bold text-gray7">다가오는 여행</h1>
-      </div>
-      <div className="no-scrollbar grid grid-cols-1 gap-[5px] overflow-y-scroll">
-        {myTripsData.map((myTripList: MyTripType) => (
-          <MyTripItem key={uuidv4()} myTripList={myTripList} />
-        ))}
-      </div>
-    </>
-  );
+  if (myTripsData.length > 0) {
+    return (
+      <>
+        <div className="mb-[10px] mt-[30px]">
+          <h1 className="text-[18px] font-bold text-gray7">다가오는 여행</h1>
+        </div>
+        <div className="no-scrollbar grid grid-cols-1 gap-[5px] overflow-y-scroll">
+          {myTripsData.map((myTripList: MyTripType) => (
+            <MyTripItem key={uuidv4()} myTripList={myTripList} />
+          ))}
+        </div>
+      </>
+    );
+  } else {
+    return null;
+  }
 };
 
 export default MyTripBeforeList;