fix: 데이터 없을시 섹션 렌더링 안되도록 처리

Ocean-Portfolio · Apr 21, 2024 · b9d8de1 · b9d8de1
1 parent c3bd2d1
commit b9d8de1
Show file tree

Hide file tree

Showing 7 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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} />;
 };