refactoring(payment receive): payment receive.

client/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.js

@@ -58,8 +58,8 @@ function PaymentReceivesDataTable({
   };
 
   // Handle drawer payment receive.
-  const handleDrawerPaymentReceive = () => {
-    openDrawer('payment-receive-drawer', {});
+  const handleDrawerPaymentReceive = ({ id }) => {
+    openDrawer('payment-receive-drawer', { paymentReceiveId: id });
   };
 
   // Handle datatable fetch once the table's state changing.

client/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js

@@ -37,7 +37,7 @@ export function ActionsMenu({
       <MenuItem
         icon={<Icon icon={'receipt-24'} iconSize={16} />}
         text={formatMessage({ id: 'payment_receive_paper' })}
-        onClick={() => onDrawer()}
+        onClick={safeCallback(onDrawer, paymentReceive)}
       />
       <MenuItem
         text={formatMessage({ id: 'delete_payment_receive' })}