From 29e54ad83868f83a5c94769107722e2476a51048 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=AF=BC=ED=97=8C?= <min815371@gmail.com>
Date: Mon, 13 Jul 2026 22:54:46 +0900
Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-007=20=E2=80=94=20?=
 =?UTF-8?q?=EA=B3=A0=EC=A0=95=20150px=20=ED=8C=8C=EC=9D=B4=EC=9D=98=20Resp?=
 =?UTF-8?q?onsiveContainer=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

recharts 가 '고정 폭·높이엔 ResponsiveContainer 불필요' 경고를 콘솔에
반복 출력(페이지당 4회). PieChart 직접 렌더로 전환.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 lps-admin/src/pages/Crawl.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/lps-admin/src/pages/Crawl.tsx b/lps-admin/src/pages/Crawl.tsx
index 99ca707..5abc7ca 100644
--- a/lps-admin/src/pages/Crawl.tsx
+++ b/lps-admin/src/pages/Crawl.tsx
@@ -82,15 +82,14 @@ export default function Crawl() {
           {ip.data && reasons.length === 0 && <Empty>기간 내 세션 없음 — 워커가 검색을 시작하면 쌓입니다</Empty>}
           {reasons.length > 0 && (
             <div className="flex items-center gap-4">
-              <ResponsiveContainer width={150} height={150}>
-                <PieChart>
-                  <Pie data={reasons} dataKey="value" nameKey="label" innerRadius={42} outerRadius={70}
-                    paddingAngle={2} stroke="var(--color-surface)" strokeWidth={2} isAnimationActive={false}>
-                    {reasons.map((r) => <Cell key={r.key} fill={r.color} />)}
-                  </Pie>
-                  <Tooltip formatter={(v: number, name: string) => [`${v}건`, name]} />
-                </PieChart>
-              </ResponsiveContainer>
+              {/* 고정 크기 차트 — ResponsiveContainer 불필요(dev 경고 발생원) */}
+              <PieChart width={150} height={150}>
+                <Pie data={reasons} dataKey="value" nameKey="label" innerRadius={42} outerRadius={70}
+                  paddingAngle={2} stroke="var(--color-surface)" strokeWidth={2} isAnimationActive={false}>
+                  {reasons.map((r) => <Cell key={r.key} fill={r.color} />)}
+                </Pie>
+                <Tooltip formatter={(v: number, name: string) => [`${v}건`, name]} />
+              </PieChart>
               <ul className="min-w-0 flex-1 space-y-1.5 text-[12px]">
                 {reasons.map((r) => (
                   <li key={r.key} className="flex items-baseline gap-2">