From 80c79cc14b818aa4fbe0d86285bd9710ffc30dfd Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 9 Feb 2026 10:46:32 +0700
Subject: [PATCH] refactor(FE): Refactor DeliveryOrderProductTable to optimize
 conditional rendering

---
 .../table-view/DeliveryOrderProductTable.tsx  | 127 +++++++++---------
 1 file changed, 62 insertions(+), 65 deletions(-)

diff --git a/src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx b/src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx
index e6793602..d4165623 100644
--- a/src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx
+++ b/src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx
@@ -97,26 +97,73 @@ const DeliveryOrderProductTable = ({
                                 height={20}
                               />
                             </Button>
-                            <Button
-                              type='button'
-                              variant='ghost'
-                              color='none'
-                              onClick={() => {
-                                onDeleteRef.current(item.id as number);
-                              }}
-                              className='p-0 text-error hover:text-base-content'
-                            >
-                              <Icon
-                                icon='heroicons:trash'
-                                width={20}
-                                height={20}
-                              />
-                            </Button>
                           </div>
                         )}
                       </div>
                     </th>
                   </tr>
+                  <>
+                    <tr>
+                      <td className='text-sm px-4 py-3'>Gudang</td>
+                      <td className='text-sm px-4 py-3'>
+                        {doItem?.warehouse?.name ||
+                          item.marketing_product?.product_warehouse_data
+                            ?.warehouse?.name}
+                      </td>
+                    </tr>
+                    <tr>
+                      <td className='text-sm px-4 py-3'>Produk</td>
+                      <td className='text-sm px-4 py-3'>
+                        {item.marketing_product?.product_warehouse?.label}
+                      </td>
+                    </tr>
+                    <tr>
+                      <td className='text-sm px-4 py-3'>Qty</td>
+                      <td className='text-sm px-4 py-3'>
+                        {item.qty
+                          ? `${formatNumber(parseFloat(item.qty as string))} ${item.marketing_product?.uom ?? ''}`
+                          : '-'}
+                      </td>
+                    </tr>
+                    {Number(item.avg_weight ?? 0) > 0 && (
+                      <tr>
+                        <td className='text-sm px-4 py-3'>Avg Bobot</td>
+                        <td className='text-sm px-4 py-3'>
+                          {formatNumber(Number(item.avg_weight))} Kg
+                        </td>
+                      </tr>
+                    )}
+                    {Number(item.total_weight ?? 0) > 0 && (
+                      <tr>
+                        <td className='text-sm px-4 py-3'>Total Bobot</td>
+                        <td className='text-sm px-4 py-3'>
+                          {formatNumber(Number(item.total_weight))}
+                        </td>
+                      </tr>
+                    )}
+                    <tr>
+                      <td className='text-sm px-4 py-3'>Total Harga Satuan</td>
+                      <td className='text-sm px-4 py-3'>
+                        {formatCurrency(parseFloat(item.unit_price as string))}
+                      </td>
+                    </tr>
+                    <tr>
+                      <td className='text-sm px-4 py-3'>Total Penjualan</td>
+                      <td className='text-sm px-4 py-3'>
+                        {formatCurrency(parseFloat(item.total_price as string))}
+                      </td>
+                    </tr>
+                  </>
+                  <tr className='border-b border-t border-tools-table-outline border-base-content/5'>
+                    <th className='w-1/3 text-start not-first:font-medium text-base-content/50 text-sm px-4 py-3'>
+                      Label
+                    </th>
+                    <th className='text-start font-medium text-base-content/50 text-sm px-4 py-3'>
+                      <div className='flex w-full flex-row gap-1 items-center justify-between h-full'>
+                        <div>Value</div>
+                      </div>
+                    </th>
+                  </tr>
                   <>
                     {approvalStepNumber !== 1 && (
                       <tr>
@@ -144,56 +191,6 @@ const DeliveryOrderProductTable = ({
                         {item.vehicle_number}
                       </td>
                     </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Gudang</td>
-                      <td className='text-sm px-4 py-3'>
-                        {doItem?.warehouse?.name ||
-                          item.marketing_product?.product_warehouse_data
-                            ?.warehouse?.name}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Produk</td>
-                      <td className='text-sm px-4 py-3'>
-                        {item.marketing_product?.product_warehouse?.label}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Qty</td>
-                      <td className='text-sm px-4 py-3'>
-                        {item.qty
-                          ? `${formatNumber(parseFloat(item.qty as string))} ${item.marketing_product?.uom ?? ''}`
-                          : '-'}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Avg Bobot</td>
-                      <td className='text-sm px-4 py-3'>
-                        {item.avg_weight
-                          ? formatNumber(
-                              parseFloat(item.avg_weight as string)
-                            ) + ' Kg'
-                          : '-'}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Total Bobot</td>
-                      <td className='text-sm px-4 py-3'>
-                        {formatNumber(parseFloat(item.total_weight as string))}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Total Harga Satuan</td>
-                      <td className='text-sm px-4 py-3'>
-                        {formatCurrency(parseFloat(item.unit_price as string))}
-                      </td>
-                    </tr>
-                    <tr>
-                      <td className='text-sm px-4 py-3'>Total Penjualan</td>
-                      <td className='text-sm px-4 py-3'>
-                        {formatCurrency(parseFloat(item.total_price as string))}
-                      </td>
-                    </tr>
                     {doItem && (
                       <tr>
                         <td className='text-sm px-4 py-3'>