From b9d8de126a20b09c96a27c9da1cce08f140a1ed2 Mon Sep 17 00:00:00 2001
From: steven-yn <ssungyeon94@gmail.com>
Date: Sun, 21 Apr 2024 19:20:00 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=86?=
 =?UTF-8?q?=EC=9D=84=EC=8B=9C=20=EC=84=B9=EC=85=98=20=EB=A0=8C=EB=8D=94?=
 =?UTF-8?q?=EB=A7=81=20=EC=95=88=EB=90=98=EB=8F=84=EB=A1=9D=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/containers/Contact.tsx                  | 1 -
 src/containers/HistoryCarouselContainer.tsx | 2 ++
 src/containers/HistoryContainer.tsx         | 1 -
 src/containers/HistorySummaryContainer.tsx  | 1 +
 src/containers/Introduce.tsx                | 1 -
 src/containers/Project.tsx                  | 1 -
 src/containers/Skill.tsx                    | 2 +-
 7 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/containers/Contact.tsx b/src/containers/Contact.tsx
index b1757e3..dc61e48 100644
--- a/src/containers/Contact.tsx
+++ b/src/containers/Contact.tsx
@@ -19,7 +19,6 @@ const ContactContainer = async ({ title }: ContactSectionProps) => {
   const { contact } = (await res.json()) as PageData;
 
   if (!contact.email) return null;
-
   return (
     <Contact title={title} data={contact}>
       <Contact.Title />
diff --git a/src/containers/HistoryCarouselContainer.tsx b/src/containers/HistoryCarouselContainer.tsx
index 3892c6a..4c1e831 100644
--- a/src/containers/HistoryCarouselContainer.tsx
+++ b/src/containers/HistoryCarouselContainer.tsx
@@ -46,6 +46,8 @@ const HistoryCarouselContainer = () => {
     },
   );
 
+  if (!data.length) return null;
+
   return <HistoryCarousel data={data} />;
 };
 
diff --git a/src/containers/HistoryContainer.tsx b/src/containers/HistoryContainer.tsx
index 9ad1e6f..45e249a 100644
--- a/src/containers/HistoryContainer.tsx
+++ b/src/containers/HistoryContainer.tsx
@@ -47,7 +47,6 @@ const HistoryContainer = async () => {
     .flat();
 
   if (!flattenHistories.length) return null;
-
   return <History summary={summaryData} userAgent={userAgent} />;
 };
 
diff --git a/src/containers/HistorySummaryContainer.tsx b/src/containers/HistorySummaryContainer.tsx
index 8098857..ded3b9d 100644
--- a/src/containers/HistorySummaryContainer.tsx
+++ b/src/containers/HistorySummaryContainer.tsx
@@ -59,6 +59,7 @@ const HistorySummaryContainer = ({ isMobile }: SummaryContainerProps) => {
         )
       : summary;
 
+  if (!summaryDisplayList.length) return null;
   return (
     <>
       {summaryDisplayList.map((historySummary) => {
diff --git a/src/containers/Introduce.tsx b/src/containers/Introduce.tsx
index 06828a5..d6dc464 100644
--- a/src/containers/Introduce.tsx
+++ b/src/containers/Introduce.tsx
@@ -19,7 +19,6 @@ const IntroduceContainer = async ({ title }: Props) => {
   const { introduce } = (await res.json()) as PageData;
 
   if (!introduce) return null;
-
   return (
     <Introduce
       id={introduce.id}
diff --git a/src/containers/Project.tsx b/src/containers/Project.tsx
index 4664ade..57a1f72 100644
--- a/src/containers/Project.tsx
+++ b/src/containers/Project.tsx
@@ -20,7 +20,6 @@ const ProjectContainer = async ({ title }: ProjectSectionProps) => {
   const { projects } = (await res.json()) as PageData;
 
   if (!projects.length) return null;
-
   return (
     <Project userAgent={userAgent} title={title} data={projects}>
       <Project.Title />
diff --git a/src/containers/Skill.tsx b/src/containers/Skill.tsx
index dea81fc..78c74ae 100644
--- a/src/containers/Skill.tsx
+++ b/src/containers/Skill.tsx
@@ -19,8 +19,8 @@ const SkillContainer = async ({ title }: Props) => {
 
   const { skills } = (await res.json()) as PageData;
   const flattenSkills = skills.map((skill) => skill.skills).flat();
-  if (!flattenSkills.length) return null;
 
+  if (!flattenSkills.length) return null;
   return <Skill userAgent={userAgent} title={title} data={skills} />;
 };