fix(frontend): Reload order details when changing line items (Closes: #8695) (#9773)

* Reload order details when changing line items (Closes: #8695)

* fix type

* fix type

* fix type

* fix type

* Update PurchaseOrderLineItemTable.tsx

* Update ReturnOrderLineItemTable.tsx

* Update SalesOrderLineItemTable.tsx

---------

Co-authored-by: Matthias Mair <code@mjmair.com>

src/frontend/src/pages/purchasing/PurchaseOrderDetail.tsx

@@ -333,6 +333,7 @@ export default function PurchaseOrderDetail() {
               <Accordion.Panel>
                 <PurchaseOrderLineItemTable
                   order={order}
+                  orderDetailRefresh={refreshInstance}
                   currency={orderCurrency}
                   orderId={Number(id)}
                   supplierId={Number(order.supplier)}
@@ -347,6 +348,7 @@ export default function PurchaseOrderDetail() {
                 <ExtraLineItemTable
                   endpoint={ApiEndpoints.purchase_order_extra_line_list}
                   orderId={order.pk}
+                  orderDetailRefresh={refreshInstance}
                   currency={orderCurrency}
                   role={UserRoles.purchase_order}
                 />

src/frontend/src/pages/sales/ReturnOrderDetail.tsx

@@ -298,6 +298,7 @@ export default function ReturnOrderDetail() {
                 <ReturnOrderLineItemTable
                   orderId={order.pk}
                   order={order}
+                  orderDetailRefresh={refreshInstance}
                   customerId={order.customer}
                   currency={orderCurrency}
                 />
@@ -311,6 +312,7 @@ export default function ReturnOrderDetail() {
                 <ExtraLineItemTable
                   endpoint={ApiEndpoints.return_order_extra_line_list}
                   orderId={order.pk}
+                  orderDetailRefresh={refreshInstance}
                   currency={orderCurrency}
                   role={UserRoles.return_order}
                 />

src/frontend/src/pages/sales/SalesOrderDetail.tsx

@@ -343,6 +343,7 @@ export default function SalesOrderDetail() {
               <Accordion.Panel>
                 <SalesOrderLineItemTable
                   orderId={order.pk}
+                  orderDetailRefresh={refreshInstance}
                   currency={orderCurrency}
                   customerId={order.customer}
                   editable={
@@ -360,6 +361,7 @@ export default function SalesOrderDetail() {
                 <ExtraLineItemTable
                   endpoint={ApiEndpoints.sales_order_extra_line_list}
                   orderId={order.pk}
+                  orderDetailRefresh={refreshInstance}
                   currency={orderCurrency}
                   role={UserRoles.sales_order}
                 />

src/frontend/src/tables/general/ExtraLineItemTable.tsx

@@ -27,11 +27,13 @@ import {
 export default function ExtraLineItemTable({
   endpoint,
   orderId,
+  orderDetailRefresh,
   currency,
   role
 }: Readonly<{
   endpoint: ApiEndpoints;
   orderId: number;
+  orderDetailRefresh: () => void;
   currency: string;
   role: UserRoles;
 }>) {
@@ -89,6 +91,7 @@ export default function ExtraLineItemTable({
       ...initialData,
       price_currency: currency
     },
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -97,6 +100,7 @@ export default function ExtraLineItemTable({
     pk: selectedLine,
     title: t`Edit Line Item`,
     fields: extraLineItemFields(),
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -104,6 +108,7 @@ export default function ExtraLineItemTable({
     url: endpoint,
     pk: selectedLine,
     title: t`Delete Line Item`,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 

src/frontend/src/tables/purchasing/PurchaseOrderLineItemTable.tsx

@@ -52,12 +52,14 @@ import { TableHoverCard } from '../TableHoverCard';
  */
 export function PurchaseOrderLineItemTable({
   order,
+  orderDetailRefresh,
   orderId,
   currency,
   supplierId,
   params
 }: Readonly<{
   order: any;
+  orderDetailRefresh: () => void;
   orderId: number;
   currency: string;
   supplierId?: number;
@@ -292,6 +294,7 @@ export function PurchaseOrderLineItemTable({
       ...initialData,
       purchase_price_currency: currency
     },
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -308,6 +311,7 @@ export function PurchaseOrderLineItemTable({
     pk: selectedLine,
     title: t`Edit Line Item`,
     fields: editLineItemFields,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -315,6 +319,7 @@ export function PurchaseOrderLineItemTable({
     url: ApiEndpoints.purchase_order_line_list,
     pk: selectedLine,
     title: t`Delete Line Item`,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 

src/frontend/src/tables/sales/ReturnOrderLineItemTable.tsx

@@ -38,11 +38,13 @@ import { type RowAction, RowDeleteAction, RowEditAction } from '../RowActions';
 export default function ReturnOrderLineItemTable({
   orderId,
   order,
+  orderDetailRefresh,
   customerId,
   currency
 }: Readonly<{
   orderId: number;
   order: any;
+  orderDetailRefresh: () => void;
   customerId: number;
   currency: string;
 }>) {
@@ -76,6 +78,7 @@ export default function ReturnOrderLineItemTable({
       order: orderId,
       price_currency: currency
     },
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -84,6 +87,7 @@ export default function ReturnOrderLineItemTable({
     pk: selectedLine,
     title: t`Edit Line Item`,
     fields: editLineFields,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -91,6 +95,7 @@ export default function ReturnOrderLineItemTable({
     url: ApiEndpoints.return_order_line_list,
     pk: selectedLine,
     title: t`Delete Line Item`,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 

src/frontend/src/tables/sales/SalesOrderLineItemTable.tsx

@@ -51,11 +51,13 @@ import SalesOrderAllocationTable from './SalesOrderAllocationTable';
 
 export default function SalesOrderLineItemTable({
   orderId,
+  orderDetailRefresh,
   currency,
   customerId,
   editable
 }: Readonly<{
   orderId: number;
+  orderDetailRefresh: () => void;
   currency: string;
   customerId: number;
   editable: boolean;
@@ -228,6 +230,7 @@ export default function SalesOrderLineItemTable({
       ...initialData,
       sale_price_currency: currency
     },
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -242,6 +245,7 @@ export default function SalesOrderLineItemTable({
     pk: selectedLineId,
     title: t`Edit Line Item`,
     fields: editLineFields,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });
 
@@ -249,6 +253,7 @@ export default function SalesOrderLineItemTable({
     url: ApiEndpoints.sales_order_line_list,
     pk: selectedLineId,
     title: t`Delete Line Item`,
+    onFormSuccess: orderDetailRefresh,
     table: table
   });