feat (*) : add referch button.

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

@@ -9,6 +9,7 @@ import {
   PopoverInteractionKind,
   Position,
   Intent,
+  Alignment,
 } from '@blueprintjs/core';
 import classNames from 'classnames';
 import { useHistory } from 'react-router-dom';
@@ -20,6 +21,7 @@ import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import withEstimatesActions from './withEstimatesActions';
 import { useEstimatesListContext } from './EstimatesListProvider';
+import { useRefreshEstimates } from 'hooks/query/estimates';
 
 import { compose } from 'utils';
 
@@ -31,7 +33,6 @@ function EstimateActionsBar({
   setEstimatesTableState,
 }) {
   const history = useHistory();
-  
 
   const [filterCount, setFilterCount] = useState(0);
 
@@ -43,6 +44,9 @@ function EstimateActionsBar({
     history.push('/estimates/new');
   };
 
+  // Estimates refresh action.
+  const { refresh } = useRefreshEstimates();
+
   // Handle tab change.
   const handleTabChange = (customView) => {
     setEstimatesTableState({
@@ -50,8 +54,13 @@ function EstimateActionsBar({
     });
   };
 
+  // Handle click a refresh sale estimates
+  const handleRefreshBtnClick = () => {
+    refresh();
+  };
+
   return (
-    <DashboardActionsBar> 
+    <DashboardActionsBar>
       <NavbarGroup>
         <DashboardActionViewsList
           resourceName={'estimates'}
@@ -108,10 +117,15 @@ function EstimateActionsBar({
           text={<T id={'export'} />}
         />
       </NavbarGroup>
+      <NavbarGroup align={Alignment.RIGHT}>
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="refresh-16" iconSize={14} />}
+          onClick={handleRefreshBtnClick}
+        />
+      </NavbarGroup>
     </DashboardActionsBar>
   );
 }
 
-export default compose(
-  withEstimatesActions,
-)(EstimateActionsBar);
+export default compose(withEstimatesActions)(EstimateActionsBar);

client/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.js

@@ -9,6 +9,7 @@ import {
   PopoverInteractionKind,
   Position,
   Intent,
+  Alignment,
 } from '@blueprintjs/core';
 
 import classNames from 'classnames';
@@ -20,6 +21,7 @@ import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import { If, DashboardActionViewsList } from 'components';
 
+import { useRefreshInvoices } from 'hooks/query/invoices';
 import { useInvoicesListContext } from './InvoicesListProvider';
 import withInvoiceActions from './withInvoiceActions';
 
@@ -33,7 +35,6 @@ function InvoiceActionsBar({
   setInvoicesTableState,
 }) {
   const history = useHistory();
-  
 
   const [filterCount, setFilterCount] = useState(0);
 
@@ -45,11 +46,19 @@ function InvoiceActionsBar({
     history.push('/invoices/new');
   };
 
+  // Invoices refresh action.
+  const { refresh } = useRefreshInvoices();
+
   // Handle views tab change.
   const handleTabChange = (customView) => {
     setInvoicesTableState({ customViewId: customView.id || null });
   };
 
+  // Handle click a refresh sale invoices
+  const handleRefreshBtnClick = () => {
+    refresh();
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -108,6 +117,13 @@ function InvoiceActionsBar({
           text={<T id={'export'} />}
         />
       </NavbarGroup>
+      <NavbarGroup align={Alignment.RIGHT}>
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="refresh-16" iconSize={14} />}
+          onClick={handleRefreshBtnClick}
+        />
+      </NavbarGroup>
     </DashboardActionsBar>
   );
 }

client/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js

@@ -9,6 +9,7 @@ import {
   PopoverInteractionKind,
   Position,
   Intent,
+  Alignment,
 } from '@blueprintjs/core';
 
 import classNames from 'classnames';
@@ -24,6 +25,7 @@ import withPaymentReceives from './withPaymentReceives';
 
 import { compose } from 'utils';
 import { usePaymentReceivesListContext } from './PaymentReceiptsListProvider';
+import { useRefreshPaymentReceive } from 'hooks/query/paymentReceives';
 
 /**
  * Payment receives actions bar.
@@ -43,11 +45,19 @@ function PaymentReceiveActionsBar({
     history.push('/payment-receives/new');
   };
 
+  // Payment receive refresh action.
+  const { refresh } = useRefreshPaymentReceive();
+
   // Handle tab changing.
   const handleTabChange = (viewId) => {
     setPaymentReceivesTableState({ customViewId: viewId.id || null });
   };
 
+  // Handle click a refresh payment receives
+  const handleRefreshBtnClick = () => {
+    refresh();
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -100,6 +110,13 @@ function PaymentReceiveActionsBar({
           text={<T id={'export'} />}
         />
       </NavbarGroup>
+      <NavbarGroup align={Alignment.RIGHT}>
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="refresh-16" iconSize={14} />}
+          onClick={handleRefreshBtnClick}
+        />
+      </NavbarGroup>
     </DashboardActionsBar>
   );
 }

client/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.js

@@ -9,6 +9,7 @@ import {
   PopoverInteractionKind,
   Position,
   Intent,
+  Alignment,
 } from '@blueprintjs/core';
 
 import classNames from 'classnames';
@@ -21,7 +22,7 @@ import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import withReceiptsActions from './withReceiptsActions';
 import { useReceiptsListContext } from './ReceiptsListProvider';
-
+import { useRefreshReceipts } from 'hooks/query/receipts';
 import { compose } from 'utils';
 
 /**
@@ -32,7 +33,6 @@ function ReceiptActionsBar({
   setReceiptsTableState,
 }) {
   const history = useHistory();
-  
 
   const [filterCount, setFilterCount] = useState(0);
 
@@ -44,12 +44,20 @@ function ReceiptActionsBar({
     history.push('/receipts/new');
   };
 
+  // Sale receipt refresh action.
+  const { refresh } = useRefreshReceipts();
+
   const handleTabChange = (customView) => {
     setReceiptsTableState({
       customViewId: customView.id || null,
     });
   };
 
+  // Handle click a refresh sale estimates
+  const handleRefreshBtnClick = () => {
+    refresh();
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -109,6 +117,13 @@ function ReceiptActionsBar({
           text={<T id={'export'} />}
         />
       </NavbarGroup>
+      <NavbarGroup align={Alignment.RIGHT}>
+        <Button
+          className={Classes.MINIMAL}
+          icon={<Icon icon="refresh-16" iconSize={14} />}
+          onClick={handleRefreshBtnClick}
+        />
+      </NavbarGroup>
     </DashboardActionsBar>
   );
 }