diff --git a/src/containers/Drawers/BillDrawer/BillDetailActionsBar.js b/src/containers/Drawers/BillDrawer/BillDetailActionsBar.js index 3a5aecb96..0db244234 100644 --- a/src/containers/Drawers/BillDrawer/BillDetailActionsBar.js +++ b/src/containers/Drawers/BillDrawer/BillDetailActionsBar.js @@ -27,6 +27,7 @@ import { PaymentMadeAction, AbilitySubject, } from '../../../common/abilityOption'; +import { BillMenuItem } from './utils'; import { safeCallback, compose } from 'utils'; @@ -50,6 +51,14 @@ function BillDetailActionsBar({ closeDrawer('bill-drawer'); }; + // Handle convert to vendor credit. + const handleConvertToVendorCredit = () => { + history.push(`/vendor-credits/new?from_bill_id=${billId}`, { + billId: billId, + }); + closeDrawer('bill-drawer'); + }; + // Handle delete bill. const onDeleteBill = () => { openAlert('bill-delete', { billId }); @@ -92,6 +101,14 @@ function BillDetailActionsBar({ onClick={safeCallback(onDeleteBill)} /> + + + + ); diff --git a/src/containers/Drawers/BillDrawer/utils.js b/src/containers/Drawers/BillDrawer/utils.js index 5f0febb19..1c3be7018 100644 --- a/src/containers/Drawers/BillDrawer/utils.js +++ b/src/containers/Drawers/BillDrawer/utils.js @@ -1,12 +1,21 @@ import React from 'react'; import intl from 'react-intl-universal'; import styled from 'styled-components'; -import { Intent, Tag } from '@blueprintjs/core'; - +import { + Button, + Popover, + PopoverInteractionKind, + Position, + MenuItem, + Menu, + Intent, + Tag, +} from '@blueprintjs/core'; import { FormatNumberCell, FormattedMessage as T, Choose, + Icon, } from '../../../components'; /** @@ -73,7 +82,7 @@ export function BillDetailsStatus({ bill }) { - Overdue + @@ -92,6 +101,29 @@ export function BillDetailsStatus({ bill }) { ); } +export const BillMenuItem = ({ payload: { onConvert } }) => { + return ( + + } + /> + + } + > +