feat(FE): adding delete per product row delivery order

src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx

@@ -16,6 +16,7 @@ type DeliveryOrderProductTableProps = {
   data: DeliveryOrderProductFormValues[];
   formType?: 'add' | 'edit' | 'add_deliver' | 'edit_deliver';
   onEdit: (id: number) => void;
+  onDelete: (id: number) => void;
   onAddProductClick: () => void;
 };
 
@@ -23,10 +24,13 @@ const DeliveryOrderProductTable = ({
   data,
   formType,
   onEdit,
+  onDelete,
   onAddProductClick,
 }: DeliveryOrderProductTableProps) => {
   const onEditRef = useRef(onEdit);
   onEditRef.current = onEdit;
+  const onDeleteRef = useRef(onDelete);
+  onDeleteRef.current = onDelete;
 
   const canAddData = data.filter((item) => !Boolean(item.qty));
 
@@ -144,16 +148,29 @@ const DeliveryOrderProductTable = ({
           <div className='flex flex-row gap-1 items-center justify-end h-full mt-2'>
             <>
               {props.row.original.qty && (
-                <Button
-                  color='warning'
-                  className='px-2 py-1 text-sm'
-                  onClick={() =>
-                    onEditRef.current(props.row.original.id as number)
-                  }
-                  type='button'
-                >
-                  <Icon icon='mdi:edit' width={16} height={16} /> Edit
-                </Button>
+                <>
+                  <Button
+                    color='warning'
+                    className='px-2 py-1 text-sm'
+                    onClick={() =>
+                      onEditRef.current(props.row.original.id as number)
+                    }
+                    type='button'
+                  >
+                    <Icon icon='mdi:edit' width={16} height={16} /> Edit
+                  </Button>
+                  <Button
+                    color='error'
+                    className='px-2 py-1 text-sm'
+                    onClick={() =>
+                      onDeleteRef.current(props.row.original.id as number)
+                    }
+                    type='button'
+                    disabled={!!props.row.original.do_number}
+                  >
+                    <Icon icon='mdi:delete' width={16} height={16} /> Hapus
+                  </Button>
+                </>
               )}
               {!props.row.original.qty && '-'}
             </>

src/components/pages/marketing/form/table-view/SalesOrderProductTable.tsx

@@ -111,7 +111,7 @@ const SalesOrderProductTable = ({
             5
           ) +
           ' ' +
-          row.original.uom,
+          (row.original.uom ?? ''),
       },
       {
         accessorFn: (row: SalesOrderProductFormValues) =>
@@ -135,7 +135,7 @@ const SalesOrderProductTable = ({
               onClick={() => onEditRef.current(props.row.original.id as number)}
               type='button'
             >
-              <Icon icon='mdi:pencil' width={16} height={16} />
+              <Icon icon='mdi:pencil' width={16} height={16} /> Edit
             </Button>
             <Button
               color='error'
@@ -145,7 +145,7 @@ const SalesOrderProductTable = ({
               }
               type='button'
             >
-              <Icon icon='mdi:trash' width={16} height={16} />
+              <Icon icon='mdi:trash' width={16} height={16} /> Hapus
             </Button>
           </div>
         ),