From a5cdccb018d0c4c109080b08610cdbe1c033b2f7 Mon Sep 17 00:00:00 2001
From: eigger <eigger87@gmail.com>
Date: Fri, 4 Sep 2026 08:54:00 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B3=91=EC=9B=90=EB=B9=84=20=EA=B7=B8?=
 =?UTF-8?q?=EB=9E=98=ED=94=84=EB=8F=84=20=EB=B9=88=20=EC=83=81=ED=83=9C=20?=
 =?UTF-8?q?=EC=95=88=EB=82=B4=20=EB=AC=B8=EA=B5=AC=EB=A5=BC=20=EB=B3=B4?=
 =?UTF-8?q?=EC=97=AC=EC=A4=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

costGrouped가 비어 있으면(선택 기간에 costKrw가 입력된 병원 방문 기록이
없으면) 섹션 자체가 통째로 숨어 있었다 — 대변 스코어 차트와 같은 패턴을
그대로 썼는데, 체중·사료·물 차트는 ChartEmpty로 안내 문구를 보여준다.
일관성을 맞춰 비용 차트도 ChartEmpty를 쓰도록 바꾼다.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 apps/web/app/analytics/page.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/analytics/page.tsx b/apps/web/app/analytics/page.tsx
index 7b129dd..2fd992e 100644
--- a/apps/web/app/analytics/page.tsx
+++ b/apps/web/app/analytics/page.tsx
@@ -426,9 +426,16 @@ export default function AnalyticsPage() {
             </section>
           )}
 
-          {costGrouped.length > 0 && (
-            <section className="card analytics-chart-card">
-              <h2 className="analytics-chart-title">{t("analyticsCostChartTitle")}</h2>
+          <section className="card analytics-chart-card">
+            <h2 className="analytics-chart-title">{t("analyticsCostChartTitle")}</h2>
+            {costGrouped.length === 0 ? (
+              <ChartEmpty
+                title={t("analyticsEmptyTitle")}
+                desc={t("analyticsEmptyDesc")}
+                inPeriod={hasAnyData}
+                t={t}
+              />
+            ) : (
               <AnalyticsChart>
                 <BarChart
                   data={costGrouped}
@@ -455,8 +462,8 @@ export default function AnalyticsPage() {
                   />
                 </BarChart>
               </AnalyticsChart>
-            </section>
-          )}
+            )}
+          </section>
 
           {!hasAnyData && (
             <p className="meta" style={{ marginTop: 16, textAlign: "center" }}>