feat: add no writings

Author: Geun-Oh

src/assets/images/no_writings.png

@@ -12,6 +12,7 @@ import { useEffect, useState } from "react";
 import { getDaybookList } from "@api";
 import { GetDaybookResponse } from "@api/response";
 import LoadingSpinner from "./LoadingSpinner";
+import NoWritings from "./NoWritings";
 
 const MyWritingSwiper = () => {
   const [data, setData] = useState<GetDaybookResponse[]>([]);
@@ -32,6 +33,8 @@ const MyWritingSwiper = () => {
 
   if (isLoading) return <LoadingSpinner />;
 
+  if (data.length === 0) return <NoWritings />
+
   return (
     <>
       <Swiper

src/components/MyWritingSwiper.tsx

@@ -0,0 +1,25 @@
+import styled from "@emotion/styled";
+
+const NoWritings = () => {
+    return (
+        <Wrapper>
+            <img src="/src/assets/images/no_writings.png" alt="no writings" width={'298px'} />
+        </Wrapper>
+    );
+};
+
+export default NoWritings;
+
+const Wrapper = styled.article`
+
+    width: 362px;
+    height: 426px;
+
+    background-color: #F9F6F1;
+    box-shadow: 2px 5px 16px -5px #00000026;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+`