[UI] Stock column fix (#12268) (#12269)

* [UI] Fix StockColumn component

* stock table rendering tweaks

(cherry picked from commit 1da71ca3b9)

Co-authored-by: Oliver <oliver.henry.walters@gmail.com>

src/frontend/src/tables/ColumnRenderers.tsx

@@ -156,7 +156,7 @@ export function StockColumn(props: StockColumnProps): TableColumn {
         text = `# ${stock_item.serial}`;
       }
 
-      if (record.is_building) {
+      if (stock_item.is_building) {
         color = 'blue';
         extra.push(
           <Text
@@ -164,35 +164,35 @@ export function StockColumn(props: StockColumnProps): TableColumn {
             size='sm'
           >{t`This stock item is in production`}</Text>
         );
-      } else if (record.sales_order) {
+      } else if (stock_item.sales_order) {
         extra.push(
           <Text
             key='sales-order'
             size='sm'
           >{t`This stock item has been assigned to a sales order`}</Text>
         );
-      } else if (record.customer) {
+      } else if (stock_item.customer) {
         extra.push(
           <Text
             key='customer'
             size='sm'
           >{t`This stock item has been assigned to a customer`}</Text>
         );
-      } else if (record.belongs_to) {
+      } else if (stock_item.belongs_to) {
         extra.push(
           <Text
             key='belongs-to'
             size='sm'
           >{t`This stock item is installed in another stock item`}</Text>
         );
-      } else if (record.consumed_by) {
+      } else if (stock_item.consumed_by) {
         extra.push(
           <Text
             key='consumed-by'
             size='sm'
           >{t`This stock item has been consumed by a build order`}</Text>
         );
-      } else if (!record.in_stock) {
+      } else if (!stock_item.in_stock) {
         extra.push(
           <Text
             key='unavailable'
@@ -201,17 +201,17 @@ export function StockColumn(props: StockColumnProps): TableColumn {
         );
       }
 
-      if (record.expired) {
+      if (stock_item.expired) {
         extra.push(
           <Text key='expired' size='sm'>{t`This stock item has expired`}</Text>
         );
-      } else if (record.stale) {
+      } else if (stock_item.stale) {
         extra.push(
           <Text key='stale' size='sm'>{t`This stock item is stale`}</Text>
         );
       }
 
-      if (record.in_stock) {
+      if (stock_item.in_stock) {
         if (allocated > 0) {
           if (allocated > quantity) {
             color = 'red';
@@ -267,7 +267,7 @@ export function StockColumn(props: StockColumnProps): TableColumn {
         }
       }
 
-      if (!record.in_stock) {
+      if (!stock_item.in_stock) {
         color = 'red';
       }
 

src/frontend/src/tables/TableHoverCard.tsx

@@ -68,7 +68,7 @@ export function TableHoverCard({
       zIndex={zIndex}
     >
       <HoverCard.Target>
-        <Group gap='xs' justify='space-between'>
+        <Group gap='xs' justify='space-between' wrap='nowrap'>
           {value}
           <InvenTreeIcon
             icon={icon ?? 'info'}

src/frontend/src/tables/stock/StockItemTable.tsx

@@ -86,6 +86,7 @@ function stockItemTableColumns({
         'allocated',
         'consumed',
         'installed',
+        'in_stock',
         'sent_to_customer'
       ]
     }),