From aef8eb79071cb2e3e8db57234f270e023d21a557 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Wed, 24 Nov 2021 11:47:18 +0200
Subject: [PATCH] feat:  empty status ability.

---
 .../ManualJournalsEmptyStatus.js              | 33 +++++++++++------
 .../CustomersLanding/CustomersEmptyStatus.js  | 32 +++++++++-------
 .../ExpensesLanding/ExpensesEmptyStatus.js    | 32 +++++++++-------
 src/containers/Items/ItemsEmptyStatus.js      | 29 ++++++++-------
 .../Bills/BillsLanding/BillsEmptyStatus.js    | 32 +++++++++-------
 .../PaymentMadesEmptyStatus.js                | 32 +++++++++-------
 .../EstimatesLanding/EstimatesEmptyStatus.js  | 32 +++++++++-------
 .../InvoicesLanding/InvoicesEmptyStatus.js    | 33 ++++++++++-------
 .../PaymentReceivesEmptyStatus.js             | 37 ++++++++++++-------
 .../ReceiptsLanding/ReceiptsEmptyStatus.js    | 32 +++++++++-------
 .../VendorsLanding/VendorsEmptyStatus.js      | 32 +++++++++-------
 11 files changed, 213 insertions(+), 143 deletions(-)

diff --git a/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.js b/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.js
index 105b5c62d..9317def42 100644
--- a/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.js
+++ b/src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  AbilitySubject,
+  Manual_Journal_Abilities,
+} from '../../../common/abilityOption';
 
 export default function ManualJournalsEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,24 @@ export default function ManualJournalsEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/make-journal-entry');
-            }}
+          <Can
+            I={Manual_Journal_Abilities.Create}
+            a={AbilitySubject.ManualJournal}
           >
-            <T id={'make_journal'} />
-          </Button>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/make-journal-entry');
+              }}
+            >
+              <T id={'make_journal'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.js b/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.js
index 6ef1d135e..d91a3c043 100644
--- a/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.js
+++ b/src/containers/Customers/CustomersLanding/CustomersEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  AbilitySubject,
+  Customer_Abilities,
+} from '../../../common/abilityOption';
 
 export default function CustomersEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function CustomersEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/customers/new');
-            }}
-          >
-            <T id={'new_customer'} />
-          </Button>
+          <Can I={Customer_Abilities.Create} a={AbilitySubject.Customer}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/customers/new');
+              }}
+            >
+              <T id={'new_customer'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.js b/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.js
index 84ed56b0e..abfc31ada 100644
--- a/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.js
+++ b/src/containers/Expenses/ExpensesLanding/ExpensesEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  AbilitySubject,
+  Expense_Abilities,
+} from '../../../common/abilityOption';
 
 export default function InvoicesEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function InvoicesEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/expenses/new');
-            }}
-          >
-            <T id={'new_expense'} />
-          </Button>
+          <Can I={Expense_Abilities.Create} a={AbilitySubject.Expense}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/expenses/new');
+              }}
+            >
+              <T id={'new_expense'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Items/ItemsEmptyStatus.js b/src/containers/Items/ItemsEmptyStatus.js
index 3a0c53fe3..ba018c705 100644
--- a/src/containers/Items/ItemsEmptyStatus.js
+++ b/src/containers/Items/ItemsEmptyStatus.js
@@ -2,7 +2,8 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import { Item_Abilities, AbilitySubject } from '../../common/abilityOption';
 
 export default function ItemsEmptyStatus() {
   const history = useHistory();
@@ -17,19 +18,21 @@ export default function ItemsEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/items/new');
-            }}
-          >
-            <T id={'new_item'} />
-          </Button>
+          <Can I={Item_Abilities.Create} a={AbilitySubject.Item}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/items/new');
+              }}
+            >
+              <T id={'new_item'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.js b/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.js
index cecfef2ad..674d228ee 100644
--- a/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.js
+++ b/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Bill_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function BillsEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function BillsEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/bills/new');
-            }}
-          >
-            <T id={'new_bill'} />
-          </Button>
+          <Can I={Bill_Abilities.Create} a={AbilitySubject.Bill}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/bills/new');
+              }}
+            >
+              <T id={'new_bill'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Purchases/PaymentMades/PaymentsLanding/PaymentMadesEmptyStatus.js b/src/containers/Purchases/PaymentMades/PaymentsLanding/PaymentMadesEmptyStatus.js
index ada8352ba..077c2d368 100644
--- a/src/containers/Purchases/PaymentMades/PaymentsLanding/PaymentMadesEmptyStatus.js
+++ b/src/containers/Purchases/PaymentMades/PaymentsLanding/PaymentMadesEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Payment_Made_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function PaymentMadesEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function PaymentMadesEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/payment-mades/new');
-            }}
-          >
-            <T id={'new_bill_payment'} />
-          </Button>
+          <Can I={Payment_Made_Abilities.Create} a={AbilitySubject.PaymentMade}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/payment-mades/new');
+              }}
+            >
+              <T id={'new_bill_payment'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.js b/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.js
index c2e5e92fa..12669d3d6 100644
--- a/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.js
+++ b/src/containers/Sales/Estimates/EstimatesLanding/EstimatesEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Estimate_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function EstimatesEmptyStatus() {
   const history = useHistory();
@@ -16,18 +20,20 @@ export default function EstimatesEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/estimates/new');
-            }}
-          >
-            <T id={'new_sale_estimate'} />
-          </Button>
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+          <Can I={Estimate_Abilities.Create} a={AbilitySubject.Estimate}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/estimates/new');
+              }}
+            >
+              <T id={'new_sale_estimate'} />
+            </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.js b/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.js
index 21212a4c2..268976c00 100644
--- a/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.js
+++ b/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Invoice_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function EstimatesEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,20 @@ export default function EstimatesEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/invoices/new');
-            }}
-          >
-            <T id={'new_sale_invoice'} />
-          </Button>
-
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+          <Can I={Invoice_Abilities.Create} a={AbilitySubject.Invoice}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/invoices/new');
+              }}
+            >
+              <T id={'new_sale_invoice'} />
+            </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesEmptyStatus.js b/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesEmptyStatus.js
index 6b0df1b31..876602f7d 100644
--- a/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesEmptyStatus.js
+++ b/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Payment_Receive_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function PaymentReceivesEmptyStatus() {
   const history = useHistory();
@@ -12,24 +16,31 @@ export default function PaymentReceivesEmptyStatus() {
       title={<T id={'the_organization_doesn_t_receive_money_yet'} />}
       description={
         <p>
-          <T id={'receiving_customer_payments_is_one_pleasant_accounting_tasks'} />
+          <T
+            id={'receiving_customer_payments_is_one_pleasant_accounting_tasks'}
+          />
         </p>
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/payment-receives/new');
-            }}
+          <Can
+            I={Payment_Receive_Abilities.Create}
+            a={AbilitySubject.PaymentReceive}
           >
-            <T id={'new_payment_receive'} />
-          </Button>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/payment-receives/new');
+              }}
+            >
+              <T id={'new_payment_receive'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.js b/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.js
index e029ddf9b..612179004 100644
--- a/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.js
+++ b/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Receipt_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export default function ReceiptsEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function ReceiptsEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/receipts/new');
-            }}
-          >
-            <T id={'new_receipt'} />
-          </Button>
+          <Can I={Receipt_Abilities.Create} a={AbilitySubject.Receipt}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/receipts/new');
+              }}
+            >
+              <T id={'new_receipt'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-         <T id={'learn_more'}/>
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />
diff --git a/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.js b/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.js
index 5ce0cdc33..192d2a80c 100644
--- a/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.js
+++ b/src/containers/Vendors/VendorsLanding/VendorsEmptyStatus.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
-import { FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T } from 'components';
+import {
+  Vendor_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 
 export default function VendorsEmptyStatus() {
   const history = useHistory();
@@ -17,19 +21,21 @@ export default function VendorsEmptyStatus() {
       }
       action={
         <>
-          <Button
-            intent={Intent.PRIMARY}
-            large={true}
-            onClick={() => {
-              history.push('/vendors/new');
-            }}
-          >
-            <T id={'new_vendor'} />
-          </Button>
+          <Can I={Vendor_Abilities.Create} a={AbilitySubject.Vendor}>
+            <Button
+              intent={Intent.PRIMARY}
+              large={true}
+              onClick={() => {
+                history.push('/vendors/new');
+              }}
+            >
+              <T id={'new_vendor'} />
+            </Button>
 
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
-          </Button>
+            <Button intent={Intent.NONE} large={true}>
+              <T id={'learn_more'} />
+            </Button>
+          </Can>
         </>
       }
     />