update destination customer full name in datatable

src/pages/transaction/approval-transaction/hooks/ApprovalTransactionContext.tsx

@@ -95,7 +95,22 @@ const ApprovalTransactionProvider = ({ children }: { children: React.ReactNode }
       },
       {
         accessorKey: 'origin_customer.fullname',
-        header: ({ column }) => <DataGridColumnHeader title="Full Name" column={column} />,
+        header: ({ column }) => <DataGridColumnHeader title="Origin Customer Full Name" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[250px]',
+        },
+      },
+      {
+        accessorFn: (row) => {
+          const purchase = row?.purchase?.destination_customer.fullname;
+          const transfer = row?.transfer?.destination_customer.fullname;
+
+          return purchase ?? transfer ?? "-";
+        },
+        id: 'destination_customer.fullname',
+        header: ({ column }) => <DataGridColumnHeader title="Destination Customer Full Name" column={column} />,
         enableSorting: false,
         enableHiding: false,
         meta: {

src/pages/transaction/history-transaction/hooks/TransactionContext.tsx

@@ -107,13 +107,28 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
       },
       {
         accessorKey: 'origin_customer.fullname',
-        header: ({ column }) => <DataGridColumnHeader title="Full Name" column={column} />,
+        header: ({ column }) => <DataGridColumnHeader title="Origin Customer Full Name" column={column} />,
         enableSorting: false,
         enableHiding: false,
         meta: {
           headerClassName: 'w-[250px]'
         }
       },
+      {
+        accessorFn: (row) => {
+          const purchase = row?.purchase?.destination_customer.fullname;
+          const transfer = row?.transfer?.destination_customer.fullname;
+
+          return purchase ?? transfer ?? "-";
+        },
+        id: 'destination_customer.fullname',
+        header: ({ column }) => <DataGridColumnHeader title="Destination Customer Full Name" column={column} />,
+        enableSorting: false,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[250px]',
+        },
+      },
       {
         accessorFn: (row) => {
           const purchaseAmount = row?.purchase?.amount;