From 3521c73f9ef0b5c563cbcdfcde07c26c0b6ab110 Mon Sep 17 00:00:00 2001
From: sean <sean2337@naver.com>
Date: Sat, 14 Sep 2024 03:59:56 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20#391=20=EB=B6=84=EC=84=9D=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=ED=85=9C=EC=9D=B4=20=EC=97=86=EC=9D=84=EC=8B=9C=20?=
 =?UTF-8?q?=ED=95=B4=EB=8B=B9=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=97=86=EC=95=A0=EB=8A=94=20=EC=A1=B0=EA=B1=B4=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/component/home/SummaryInsightBox.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/component/home/SummaryInsightBox.tsx b/apps/web/src/component/home/SummaryInsightBox.tsx
index ff49a178..7a5eb039 100644
--- a/apps/web/src/component/home/SummaryInsightBox.tsx
+++ b/apps/web/src/component/home/SummaryInsightBox.tsx
@@ -17,7 +17,7 @@ type SummaryInsightBoxProps = {
 
 export function SummaryInsightBox({ type, insightArr }: SummaryInsightBoxProps) {
   const transformPoints = transformPointsFun(insightArr);
-
+  if (transformPoints.length === 0) return;
   return (
     <div
       css={css`
@@ -43,9 +43,11 @@ export function SummaryInsightBox({ type, insightArr }: SummaryInsightBoxProps)
           gap: 1rem;
         `}
       >
-        {transformPoints.map((point, idx) => (
-          <InsightBox key={idx} type={type} insight={point} />
-        ))}
+        {transformPoints
+          .filter((v) => v.point != null)
+          .map((point, idx) => (
+            <InsightBox key={idx} type={type} insight={point} />
+          ))}
       </div>
     </div>
   );