(fix) memoize price data

openmrs · Oct 17, 2024 · d94e5b8 · d94e5b8
1 parent 03fff2c
commit d94e5b8
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/esm-patient-orders-app/src/components/order-stock-details.component.tsx b/packages/esm-patient-orders-app/src/components/order-stock-details.component.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useOrderStockInfo } from '../hooks/useOrderStockInfo';
 import { CheckmarkFilled, CloseFilled } from '@carbon/react/icons';
 import styles from './order-stock-details.scss';
@@ -13,12 +13,18 @@ const OrderStockDetailsComponent: React.FC<OrderStockDetailsComponentProps> = ({
   const { t } = useTranslation();
   const { data: stockData, isLoading } = useOrderStockInfo(orderItemUuid);
 
+  const isInStock = useMemo(() => {
+    if (!stockData || stockData.entry.length === 0) {
+      return false;
+    }
+    const resource = stockData.entry[0]?.resource;
+    return resource.status === 'active' && resource.netContent?.value > 0;
+  }, [stockData]);
+
   if (isLoading || !stockData) {
     return <SkeletonText width="100px" />;
   }
 
-  const isInStock = stockData.entry[0]?.resource.status === 'active';
-
   return (
     <div>
       {isInStock ? (