feat: add manual journal ability.

src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.js

@@ -26,8 +26,11 @@ import withManualJournals from './withManualJournals';
 import withSettingsActions from '../../Settings/withSettingsActions';
 import withSettings from '../../Settings/withSettings';
 
-import { If, DashboardActionViewsList } from 'components';
+import { Can, If, DashboardActionViewsList } from 'components';
-
+import {
+  Manual_Journal_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 import { compose } from 'utils';
 
 /**
@@ -86,13 +89,17 @@ function ManualJournalActionsBar({
           onChange={handleTabChange}
         />
         <NavbarDivider />
-
+        <Can
+          I={Manual_Journal_Abilities.Create}
+          a={AbilitySubject.ManualJournal}
+        >
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="plus" />}
             text={<T id={'journal_entry'} />}
             onClick={onClickNewManualJournal}
           />
+        </Can>
         <AdvancedFilterPopover
           advancedFilterProps={{
             conditions: manualJournalsFilterConditions,

src/containers/Accounting/JournalsLanding/components.js

@@ -13,7 +13,18 @@ import {
 } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
 
-import { FormattedMessage as T, Choose, Money, If, Icon } from 'components';
+import {
+  Can,
+  FormattedMessage as T,
+  Choose,
+  Money,
+  If,
+  Icon,
+} from 'components';
+import {
+  Manual_Journal_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 import { safeCallback } from 'utils';
 
 /**
@@ -150,6 +161,7 @@ export const ActionsMenu = ({
         text={intl.get('view_details')}
         onClick={safeCallback(onViewDetails, original)}
       />
+      <Can I={Manual_Journal_Abilities.Edit} a={AbilitySubject.ManualJournal}>
         <MenuDivider />
         <If condition={!original.is_published}>
           <MenuItem
@@ -158,17 +170,22 @@ export const ActionsMenu = ({
             onClick={safeCallback(onPublish, original)}
           />
         </If>
+      </Can>
+      <Can I={Manual_Journal_Abilities.Edit} a={AbilitySubject.ManualJournal}>
         <MenuItem
           icon={<Icon icon="pen-18" />}
           text={intl.get('edit_journal')}
           onClick={safeCallback(onEdit, original)}
         />
+      </Can>
+      <Can I={Manual_Journal_Abilities.Delete} a={AbilitySubject.ManualJournal}>
         <MenuItem
           text={intl.get('delete_journal')}
           icon={<Icon icon="trash-16" iconSize={16} />}
           intent={Intent.DANGER}
           onClick={safeCallback(onDelete, original)}
         />
+      </Can>
     </Menu>
   );
 };

src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.js

@@ -8,14 +8,19 @@ import {
   Intent,
   NavbarDivider,
 } from '@blueprintjs/core';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
 
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
-import { compose } from 'utils';
 import { useManualJournalDrawerContext } from './ManualJournalDrawerProvider';
+import {
+  Manual_Journal_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
+
+import { compose } from 'utils';
 
 /**
  * Manual journal action bar.
@@ -44,6 +49,7 @@ function ManualJournalDrawerActionBar({
   return (
     <DashboardActionsBar>
       <NavbarGroup>
+        <Can I={Manual_Journal_Abilities.Edit} a={AbilitySubject.ManualJournal}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="pen-18" />}
@@ -51,6 +57,11 @@ function ManualJournalDrawerActionBar({
             onClick={handleEditManualJournal}
           />
           <NavbarDivider />
+        </Can>
+        <Can
+          I={Manual_Journal_Abilities.Delete}
+          a={AbilitySubject.ManualJournal}
+        >
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="trash-16" iconSize={16} />}
@@ -58,6 +69,7 @@ function ManualJournalDrawerActionBar({
             intent={Intent.DANGER}
             onClick={handleDeleteManualJournal}
           />
+        </Can>
       </NavbarGroup>
     </DashboardActionsBar>
   );