feat: convert estimate to invoice.

client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js

@@ -66,12 +66,17 @@ function EstimatesDataTable({
   const handleRejectEstimate = ({ id }) => {
     openAlert('estimate-reject', { estimateId: id });
   };
-  
+
   // Handle drawer estimate.
   const handleDrawerEstimate = () => {
     openDrawer('estimate-drawer', {});
   };
 
+  // Handle convent to invoice.
+  const handleConvertToInvoice = ({ id }) => {
+    history.push(`/invoices/new?from_estimate_id=${id}`, { action: id });
+  };
+
   // Handles fetch data.
   const handleFetchData = useCallback(
     ({ pageIndex, pageSize, sortBy }) => {
@@ -114,6 +119,7 @@ function EstimatesDataTable({
         onDeliver: handleDeliverEstimate,
         onDelete: handleDeleteEstimate,
         onDrawer: handleDrawerEstimate,
+        onConvert: handleConvertToInvoice,
       }}
     />
   );

client/src/containers/Sales/Estimates/EstimatesLanding/components.js

@@ -49,7 +49,7 @@ export const statusAccessor = (row) => (
  */
 export function ActionsMenu({
   row: { original },
-  payload: { onEdit, onDeliver, onReject, onApprove, onDelete, onDrawer },
+  payload: { onEdit, onDeliver, onReject, onApprove, onDelete, onDrawer ,onConvert },
 }) {
   const { formatMessage } = useIntl();
 
@@ -65,6 +65,11 @@ export function ActionsMenu({
         text={formatMessage({ id: 'edit_estimate' })}
         onClick={safeCallback(onEdit, original)}
       />
+      <MenuItem
+        icon={<Icon icon="convert_to" />}
+        text={formatMessage({ id: 'convert_to_invoice' })}
+        onClick={safeCallback(onConvert, original)}
+      />
       <If condition={!original.is_delivered}>
         <MenuItem
           icon={<Icon icon={'check'} iconSize={18} />}