From fb7585a53e659aca5c75475c42108bab4444734e Mon Sep 17 00:00:00 2001
From: Yongjun Park <yopark@student.42seoul.kr>
Date: Thu, 27 Jul 2023 19:16:57 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=20remove:=20ProjectIntroductionSke?=
 =?UTF-8?q?leton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProjectIntroduction/index.tsx  | 15 ++++++++---
 .../ProjectIntroductionSkeleton/index.tsx     | 25 -------------------
 2 files changed, 11 insertions(+), 29 deletions(-)
 delete mode 100644 app/src/Project/components/ProjectIntroductionSkeleton/index.tsx

diff --git a/app/src/Project/components/ProjectIntroduction/index.tsx b/app/src/Project/components/ProjectIntroduction/index.tsx
index 1e2955e1..094f1a19 100644
--- a/app/src/Project/components/ProjectIntroduction/index.tsx
+++ b/app/src/Project/components/ProjectIntroduction/index.tsx
@@ -1,4 +1,3 @@
-import { ProjectIntroductionSkeleton } from '@/Project/components/ProjectIntroductionSkeleton';
 import { useQuery } from '@apollo/client';
 import styled from '@emotion/styled';
 import { BoldText, Divider, HStack, Text, VStack } from '@shared/ui-kit';
@@ -16,13 +15,21 @@ export const ProjectIntroduction = () => {
   );
 
   if (loading) {
-    return <ProjectIntroductionSkeleton />;
+    return (
+      <Layout>
+        <Divider
+          orientation="vertical"
+          thickness="3px"
+          style={{ height: '200px' }}
+        />
+      </Layout>
+    );
   }
   if (error) {
-    return <></>;
+    return null;
   }
   if (!data) {
-    return <></>;
+    return null;
   }
 
   const { name, description } = data.getProjectInfo;
diff --git a/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx b/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx
deleted file mode 100644
index 57f40df9..00000000
--- a/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import styled from '@emotion/styled';
-import { Divider, HStack, Skeleton, VStack } from '@shared/ui-kit';
-
-export const ProjectIntroductionSkeleton = () => {
-  return (
-    <Layout>
-      <HStack w="100%" spacing="4rem">
-        <Divider
-          orientation="vertical"
-          thickness="3px"
-          style={{ height: '200px' }}
-        />
-        <VStack w="100%" align="start" spacing="2rem">
-          <Skeleton w="20rem" h="5rem" />
-          <Skeleton w="60rem" h="5rem" />
-        </VStack>
-      </HStack>
-    </Layout>
-  );
-};
-
-const Layout = styled.div`
-  width: 100%;
-  margin-top: 5rem;
-`;