Merge branch 'feat/recording-detail-used-product-total-price' into 'development'

[FEAT/FE] Recording Detail Used Product Total Price

See merge request mbugroup/lti-web-client!515

src/components/pages/production/recording/form/RecordingForm.tsx

@@ -72,7 +72,7 @@ import {
 } from '@/components/pages/production/recording/form/RecordingForm.schema';
 
 import { isResponseSuccess, isResponseError } from '@/lib/api-helper';
-import { formatDate, formatNumber, cn } from '@/lib/helper';
+import { formatDate, formatNumber, cn, formatCurrency } from '@/lib/helper';
 import {
   getProductWarehouseOptionLabel,
   isProductWarehouseSelectableForKandang,
@@ -1509,7 +1509,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       const { pendingQty } = getStockPendingInfo(
         stock.product_warehouse_id.value
       );
-      const totalPrice = initialValues?.stocks?.[stockIdx].total_price;
+      const totalPrice = initialValues?.stocks?.[stockIdx]?.total_price;
       const showTotalPrice =
         type === 'detail' && typeof totalPrice === 'number';
 
@@ -1520,18 +1520,13 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               (tersedia: {formatNumber(availableStock)} | pending:{' '}
               <span className='text-error'>{formatNumber(pendingQty)}</span> |
               pakai: {formatNumber(requestedUsage)}
-              {showTotalPrice && <> | total harga: {totalPrice}</>})
+              {showTotalPrice && (
+                <> | total harga: {formatCurrency(totalPrice)}</>
+              )}
+              )
             </span>
           );
         }
-        if (showTotalPrice) {
-          return (
-            <span className='text-sm text-gray-600 whitespace-nowrap'>
-              (total harga: {totalPrice})
-            </span>
-          );
-        }
-        return null;
       }
 
       if (requestedUsage > 0) {
@@ -1541,14 +1536,17 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
             {formatNumber(requestedUsage)} | sisa:{' '}
             {formatNumber(Math.max(remainingStock, 0))} | dipinjam:{' '}
             {formatNumber(Math.max(-remainingStock, 0))}
-            {showTotalPrice && <> | total harga: {totalPrice}</>})
+            {showTotalPrice && (
+              <> | total harga: {formatCurrency(totalPrice)}</>
+            )}
+            )
           </span>
         );
       }
       return (
         <span className='text-sm text-gray-600 whitespace-nowrap'>
           (tersedia: {formatNumber(availableStock)}
-          {showTotalPrice && <> | total harga: {totalPrice}</>})
+          {showTotalPrice && <> | total harga: {formatCurrency(totalPrice)}</>})
         </span>
       );
     },