From 77516a4dff1acc076c9bfa536d17e2e445544ffc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=ED=98=81=EC=84=B1?= <shine1324@gmail.com>
Date: Thu, 19 Feb 2026 21:25:31 +0900
Subject: [PATCH] =?UTF-8?q?fix(WEB):=20SlatExtraInfo=20undefined=20?=
 =?UTF-8?q?=EB=B0=A9=EC=96=B4=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- length/slatCount/jointBar를 optional로 변경
- 값이 없거나 0인 경우 Badge 미표시
---
 .../production/WorkerScreen/WorkItemCard.tsx  | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/production/WorkerScreen/WorkItemCard.tsx b/src/components/production/WorkerScreen/WorkItemCard.tsx
index 02a3c8be..4e47e7f0 100644
--- a/src/components/production/WorkerScreen/WorkItemCard.tsx
+++ b/src/components/production/WorkerScreen/WorkItemCard.tsx
@@ -259,21 +259,27 @@ function SlatExtraInfo({
   slatCount,
   jointBar,
 }: {
-  length: number;
-  slatCount: number;
-  jointBar: number;
+  length?: number;
+  slatCount?: number;
+  jointBar?: number;
 }) {
   return (
     <div className="flex gap-2">
-      <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
-        길이 {formatNumber(length)}mm
-      </Badge>
-      <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
-        슬랫 매수 {slatCount}장
-      </Badge>
-      <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
-        조인트바 {jointBar}개
-      </Badge>
+      {length != null && length > 0 && (
+        <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
+          길이 {formatNumber(length)}mm
+        </Badge>
+      )}
+      {slatCount != null && slatCount > 0 && (
+        <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
+          슬랫 매수 {slatCount}장
+        </Badge>
+      )}
+      {jointBar != null && jointBar > 0 && (
+        <Badge variant="outline" className="text-xs px-2.5 py-1 border-gray-300">
+          조인트바 {jointBar}개
+        </Badge>
+      )}
     </div>
   );
 }