refactor(FE-208): restructure goods receipt table columns in PurchaseOrderDetail

src/components/pages/purchase/order/PurchaseOrderDetail.tsx

@@ -613,87 +613,92 @@ const PurchaseOrderDetail = ({
 
   const goodsReceiptColumns: ColumnDef<PurchaseItem>[] = [
     {
-      header: 'No',
+      header: 'Header Placeholder untuk tiap Produk Penerimaan Barang',
-      cell: (props) => props.row.index + 1,
+      columns: [
-    },
+        {
-    {
+          header: 'No',
-      accessorKey: 'received_date',
+          cell: (props) => props.row.index + 1,
-      header: 'Tanggal Penerimaan',
+        },
-      cell: (props) =>
+        {
-        props.row.original.received_date
+          accessorKey: 'received_date',
-          ? formatDate(props.row.original.received_date, 'DD MMM YYYY')
+          header: 'Tanggal Penerimaan',
-          : '-',
+          cell: (props) =>
-    },
+            props.row.original.received_date
-    {
+              ? formatDate(props.row.original.received_date, 'DD MMM YYYY')
-      accessorKey: 'product_warehouse.warehouse.name',
+              : '-',
-      header: 'Gudang Tujuan',
+        },
-      cell: (props) =>
+        {
-        props.row.original.product_warehouse?.warehouse?.name || '-',
+          accessorKey: 'product_warehouse.warehouse.name',
-    },
+          header: 'Gudang Tujuan',
-    {
+          cell: (props) =>
-      accessorKey: 'travel_number',
+            props.row.original.product_warehouse?.warehouse?.name || '-',
-      header: 'No. Surat Jalan',
+        },
-      cell: (props) => props.row.original.travel_number || '-',
+        {
-    },
+          accessorKey: 'travel_number',
-    {
+          header: 'No. Surat Jalan',
-      accessorKey: 'travel_number_docs',
+          cell: (props) => props.row.original.travel_number || '-',
-      header: 'Dokumen Surat Jalan',
+        },
-      cell: (props) => {
+        {
-        const documentPath = props.row.original.travel_number_docs;
+          accessorKey: 'travel_number_docs',
-        return documentPath ? (
+          header: 'Dokumen Surat Jalan',
-          <Button
+          cell: (props) => {
-            color='primary'
+            const documentPath = props.row.original.travel_number_docs;
-            className='w-fit min-w-32 flex items-center justify-start gap-1 px-2 py-1 text-sm'
+            return documentPath ? (
-            href={documentPath}
+              <Button
-            target='_blank'
+                color='primary'
-            rel='noopener noreferrer'
+                className='w-fit min-w-32 flex items-center justify-start gap-1 px-2 py-1 text-sm'
-          >
+                href={documentPath}
-            <Icon
+                target='_blank'
-              icon='material-symbols:file-open-outline'
+                rel='noopener noreferrer'
-              width={16}
+              >
-              height={16}
+                <Icon
-            />
+                  icon='material-symbols:file-open-outline'
-            Lihat Dokumen
+                  width={16}
-          </Button>
+                  height={16}
-        ) : (
+                />
-          '-'
+                Lihat Dokumen
-        );
+              </Button>
-      },
+            ) : (
-    },
+              '-'
-    {
+            );
-      accessorKey: 'vehicle_number',
+          },
-      header: 'No. Armada',
+        },
-      cell: (props) => props.row.original.vehicle_number || '-',
+        {
-    },
+          accessorKey: 'vehicle_number',
-    {
+          header: 'No. Armada',
-      accessorKey: 'pengangkut',
+          cell: (props) => props.row.original.vehicle_number || '-',
-      header: 'Pengangkut',
+        },
-      cell: (props) => props.row.original.product?.name || '-',
+        {
-    },
+          accessorKey: 'pengangkut',
-    {
+          header: 'Pengangkut',
-      accessorKey: 'quantity',
+          cell: (props) => props.row.original.product?.name || '-',
-      header: 'Jumlah Total',
+        },
-      cell: (props) => formatNumber(props.getValue() as number),
+        {
-    },
+          accessorKey: 'quantity',
-    {
+          header: 'Jumlah Total',
-      accessorKey: 'sub_qty',
+          cell: (props) => formatNumber(props.getValue() as number),
-      header: 'Jumlah Diterima',
+        },
-      cell: (props) => formatNumber(props.getValue() as number),
+        {
-    },
+          accessorKey: 'sub_qty',
-    {
+          header: 'Jumlah Diterima',
-      accessorKey: 'ekspedisi',
+          cell: (props) => formatNumber(props.getValue() as number),
-      header: 'Ekspedisi',
+        },
-      cell: (props) => 'Ekspedisi 1',
+        {
-    },
+          accessorKey: 'ekspedisi',
-    {
+          header: 'Ekspedisi',
-      accessorKey: 'price',
+          cell: (props) => 'Ekspedisi 1',
-      header: 'Transport /Item',
+        },
-      cell: (props) => formatCurrency(props.getValue() as number),
+        {
-    },
+          accessorKey: 'price',
-    {
+          header: 'Transport /Item',
-      accessorKey: 'total_price',
+          cell: (props) => formatCurrency(props.getValue() as number),
-      header: 'Transport Total',
+        },
-      cell: (props) => formatCurrency(props.getValue() as number),
+        {
+          accessorKey: 'total_price',
+          header: 'Transport Total',
+          cell: (props) => formatCurrency(props.getValue() as number),
+        },
+      ],
     },
   ];