From fde2e6776008fe3d4326c80525be85899cdf7128 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Sun, 22 Mar 2026 15:37:03 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[=EC=88=98=EC=A3=BC=EC=84=9C]=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=ED=94=84=EB=A1=9D=EC=8B=9C=20?=
 =?UTF-8?q?=EA=B2=BD=EC=9C=A0=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20=E2=80=94=20?=
 =?UTF-8?q?=EC=9D=B8=EC=A6=9D=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- image_url → image_file_id로 변경
- /api/proxy/files/{id}/view 경유하여 인증 헤더 자동 포함
---
 src/components/orders/documents/SalesOrderDocument.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/orders/documents/SalesOrderDocument.tsx b/src/components/orders/documents/SalesOrderDocument.tsx
index 3cec0fe4..8baabcc2 100644
--- a/src/components/orders/documents/SalesOrderDocument.tsx
+++ b/src/components/orders/documents/SalesOrderDocument.tsx
@@ -27,7 +27,7 @@ interface BendingItem {
   name: string;
   spec: string;
   qty: number;
-  image_url?: string | null;
+  image_file_id?: number | null;
 }
 
 interface BendingGroup {
@@ -95,11 +95,11 @@ const tdBase = 'border-r border-gray-300 px-1 py-1';
 const tdCenter = `${tdBase} text-center`;
 const imgPlaceholder = 'flex items-center justify-center border border-dashed border-gray-300 text-gray-400';
 
-/** 절곡품 이미지 렌더링 — image_url 있으면 실제 이미지, 없으면 placeholder */
+/** 절곡품 이미지 렌더링 — image_file_id 있으면 프록시 경유 실제 이미지, 없으면 placeholder */
 function BendingImage({ items, height = 'h-20' }: { items: BendingItem[]; height?: string }) {
-  const imageUrl = items.find(i => i.image_url)?.image_url;
-  if (imageUrl) {
-    return <img src={imageUrl} alt="" className={`${height} w-full object-contain`} />;
+  const fileId = items.find(i => i.image_file_id)?.image_file_id;
+  if (fileId) {
+    return <img src={`/api/proxy/files/${fileId}/view`} alt="" className={`${height} w-full object-contain`} />;
   }
   return <div className={`${imgPlaceholder} ${height} w-full`}>IMG</div>;
 }