chore: 옵셔널 추가

T1F5 · Apr 6, 2024 · 405d54c · 405d54c
1 parent ba3f36f
commit 405d54c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 20 deletions.
diff --git a/src/components/HomeSwiper.tsx b/src/components/HomeSwiper.tsx
@@ -9,7 +9,6 @@ import { Navigation } from "swiper/modules";
 import Card from "./Card";
 import SwiperFooter from "./SwiperFooter";
 import { useEffect, useState } from "react";
-import { fadeLeftDelayAnimation } from "@theme/animation";
 import { GetDaybookResponse } from "@api/response";
 import { getRandomDaybooks } from "@api";
 import LoadingSpinner from "./LoadingSpinner";
@@ -25,7 +24,7 @@ const HomeSwiper = () => {
     })();
   }, []);
 
-  if (data.length < 1) return <LoadingSpinner />;
+  if (!data?.length) return <LoadingSpinner />;
 
   return (
     <>
@@ -49,12 +48,12 @@ const HomeSwiper = () => {
         className="mySwiper"
         onSlideChange={(swiper) => setCurrentIndex(swiper.activeIndex)}
       >
-        {data.map((x, i) => (
+        {data?.map((x, i) => (
           <CardSlide key={i}>
             <Card isHome isCurrent={i === currentIndex} daybook={x} />
           </CardSlide>
         ))}
-        <SwiperFooter maxIndex={data.length} currentIndex={currentIndex} />
+        <SwiperFooter maxIndex={data?.length} currentIndex={currentIndex} />
       </Swiper>
     </>
   );
@@ -67,5 +66,4 @@ const CardSlide = styled(SwiperSlide)`
   display: flex;
   justify-content: center;
   align-items: center;
-  /* ${fadeLeftDelayAnimation} */
 `;
diff --git a/src/components/MyWritingSwiper.tsx b/src/components/MyWritingSwiper.tsx
@@ -1,17 +1,17 @@
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import 'swiper/css';
-import 'swiper/css/effect-coverflow';
-import 'swiper/css/pagination';
+import { Swiper, SwiperSlide } from "swiper/react";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import "swiper/css";
+import "swiper/css/effect-coverflow";
+import "swiper/css/pagination";
 
-import { Navigation } from 'swiper/modules';
-import Card from './Card';
-import SwiperFooter from './SwiperFooter';
-import { useEffect, useState } from 'react';
-import { getDaybookList } from '@api';
-import { GetDaybookResponse } from '@api/response';
-import LoadingSpinner from './LoadingSpinner';
+import { Navigation } from "swiper/modules";
+import Card from "./Card";
+import SwiperFooter from "./SwiperFooter";
+import { useEffect, useState } from "react";
+import { getDaybookList } from "@api";
+import { GetDaybookResponse } from "@api/response";
+import LoadingSpinner from "./LoadingSpinner";
 
 const MyWritingSwiper = () => {
   const [data, setData] = useState<GetDaybookResponse[]>([]);
@@ -24,7 +24,7 @@ const MyWritingSwiper = () => {
     })();
   }, []);
 
-  if (data.length < 1) return <LoadingSpinner />;
+  if (!data?.length) return <LoadingSpinner />;
 
   return (
     <>
@@ -53,7 +53,7 @@ const MyWritingSwiper = () => {
             <Card isCurrent={currentIndex === i} daybook={daybook} />
           </CardSlide>
         ))}
-        <SwiperFooter maxIndex={data.length} currentIndex={currentIndex} />
+        <SwiperFooter maxIndex={data?.length} currentIndex={currentIndex} />
       </Swiper>
     </>
   );