feat: add estimate ability.

src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.js

@@ -14,8 +14,12 @@ import { useEstimateDetailDrawerContext } from './EstimateDetailDrawerProvider';
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import {
+  Estimate_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 
-import { Icon, FormattedMessage as T, MoreMenuItems } from 'components';
+import { Icon, FormattedMessage as T, MoreMenuItems, Can } from 'components';
 
 import { compose } from 'utils';
 
@@ -59,6 +63,7 @@ function EstimateDetailActionsBar({
   return (
     <DashboardActionsBar>
       <NavbarGroup>
+        <Can I={Estimate_Abilities.Edit} a={AbilitySubject.Estimate}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="pen-18" />}
@@ -66,12 +71,16 @@ function EstimateDetailActionsBar({
             onClick={handleEditEstimate}
           />
           <NavbarDivider />
+        </Can>
+        <Can I={Estimate_Abilities.View} a={AbilitySubject.Estimate}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="print-16" />}
             text={<T id={'print'} />}
             onClick={handlePrintEstimate}
           />
+        </Can>
+        <Can I={Estimate_Abilities.Delete} a={AbilitySubject.Estimate}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon={'trash-16'} iconSize={16} />}
@@ -80,6 +89,7 @@ function EstimateDetailActionsBar({
             onClick={handleDeleteEstimate}
           />
           <NavbarDivider />
+        </Can>
         <MoreMenuItems
           payload={{
             onNotifyViaSMS: handleNotifyViaSMS,

src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.js

@@ -11,6 +11,7 @@ import {
 import { useHistory } from 'react-router-dom';
 
 import {
+  Can,
   FormattedMessage as T,
   AdvancedFilterPopover,
   If,
@@ -28,6 +29,10 @@ import withSettings from 'containers/Settings/withSettings';
 
 import { useEstimatesListContext } from './EstimatesListProvider';
 import { useRefreshEstimates } from 'hooks/query/estimates';
+import {
+  Estimate_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 import { compose } from 'utils';
 
@@ -87,12 +92,14 @@ function EstimateActionsBar({
           onChange={handleTabChange}
         />
         <NavbarDivider />
+        <Can I={Estimate_Abilities.Create} a={AbilitySubject.Estimate}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon={'plus'} />}
             text={<T id={'new_estimate'} />}
             onClick={onClickNewEstimate}
           />
+        </Can>
         <AdvancedFilterPopover
           advancedFilterProps={{
             conditions: estimatesFilterRoles,

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

@@ -2,6 +2,10 @@ import React from 'react';
 import { Intent, Tag, Menu, MenuItem, MenuDivider } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
 import clsx from 'classnames';
+import {
+  Estimate_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 import { CLASSES } from '../../../../common/classes';
 import {
@@ -11,6 +15,7 @@ import {
   Choose,
   Icon,
   If,
+  Can,
 } from 'components';
 import { safeCallback } from 'utils';
 
@@ -68,6 +73,7 @@ export function ActionsMenu({
         text={intl.get('view_details')}
         onClick={safeCallback(onViewDetails, original)}
       />
+      <Can I={Estimate_Abilities.Edit} a={AbilitySubject.Estimate}>
         <MenuDivider />
         <MenuItem
           icon={<Icon icon="pen-18" />}
@@ -79,6 +85,7 @@ export function ActionsMenu({
           text={intl.get('convert_to_invoice')}
           onClick={safeCallback(onConvert, original)}
         />
+
         <If condition={!original.is_delivered}>
           <MenuItem
             icon={<Icon icon={'check'} iconSize={18} />}
@@ -87,14 +94,18 @@ export function ActionsMenu({
           />
         </If>
         <Choose>
-        <Choose.When condition={original.is_delivered && original.is_approved}>
+          <Choose.When
+            condition={original.is_delivered && original.is_approved}
+          >
             <MenuItem
               icon={<Icon icon={'close-black'} />}
               text={intl.get('mark_as_rejected')}
               onClick={safeCallback(onReject, original)}
             />
           </Choose.When>
-        <Choose.When condition={original.is_delivered && original.is_rejected}>
+          <Choose.When
+            condition={original.is_delivered && original.is_rejected}
+          >
             <MenuItem
               icon={<Icon icon={'check'} iconSize={18} />}
               text={intl.get('mark_as_approved')}
@@ -114,17 +125,22 @@ export function ActionsMenu({
             />
           </Choose.When>
         </Choose>
+      </Can>
+      <Can I={Estimate_Abilities.View} a={AbilitySubject.Estimate}>
         <MenuItem
           icon={<Icon icon={'print-16'} iconSize={16} />}
           text={intl.get('print')}
           onClick={safeCallback(onPrint, original)}
         />
+      </Can>
+      <Can I={Estimate_Abilities.Delete} a={AbilitySubject.Estimate}>
         <MenuItem
           text={intl.get('delete_estimate')}
           intent={Intent.DANGER}
           onClick={safeCallback(onDelete, original)}
           icon={<Icon icon="trash-16" iconSize={16} />}
         />
+      </Can>
     </Menu>
   );
 }