From 170359d810488a09b6d81d7a40a84cb286e0e2c0 Mon Sep 17 00:00:00 2001
From: Alonso Lopez-Valdez <alonsl1@uci.edu>
Date: Tue, 18 Aug 2026 00:54:58 -0700
Subject: [PATCH] Fix issue 10769 (#12286)

* fix: Show badges for flagged stock items

* Updated badge logic to only display on build order and sales order

* refactor: Remove unused modelRenderer for RenderStockItem in BuildForms and SalesOrderForms
---
 src/frontend/src/components/render/Stock.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/frontend/src/components/render/Stock.tsx b/src/frontend/src/components/render/Stock.tsx
index 358413bfde..4fa27673cb 100644
--- a/src/frontend/src/components/render/Stock.tsx
+++ b/src/frontend/src/components/render/Stock.tsx
@@ -13,6 +13,7 @@ import {
   type InstanceRenderInterface,
   RenderInlineModel
 } from './Instance';
+import { StatusRenderer } from './StatusRenderer';
 
 /**
  * Inline rendering of a single StockLocation instance
@@ -102,6 +103,8 @@ export function RenderStockItem(
   const showLocation: boolean = props.extra?.show_location !== false;
   const location: any = props.instance?.location_detail;
 
+  const statusKey = instance?.status_custom_key ?? instance?.status;
+
   // Form the "secondary" text to display
   const secondary: ReactNode = (
     <Group gap='xs' style={{ paddingLeft: '5px' }}>
@@ -111,6 +114,13 @@ export function RenderStockItem(
       {instance.batch && (
         <InlineSecondaryBadge title={t`Batch`} text={instance.batch} />
       )}
+      {statusKey != null && (
+        <StatusRenderer
+          status={statusKey}
+          fallbackStatus={instance.status}
+          type={ModelType.stockitem}
+        />
+      )}
     </Group>
   );