feat: import and export tax rates

packages/webapp/src/containers/Dialogs/ExportDialog/constants.ts

@@ -14,4 +14,5 @@ export const ExportResources = [
   { value: 'bill', text: 'Bills' },
   { value: 'bill_payment', text: 'Bill Payments' },
   { value: 'vendor_credit', text: 'Vendor Credits' },
+  { value: 'tax_rate', text: 'Tax Rate' },
 ];

packages/webapp/src/containers/TaxRates/containers/TaxRatesImport.tsx

@@ -0,0 +1,25 @@
+// @ts-nocheck
+import { useHistory } from 'react-router-dom';
+import { DashboardInsider } from '@/components';
+import { ImportView } from '@/containers/Import';
+
+export default function TaxRatesImport() {
+  const history = useHistory();
+
+  const handleCancelBtnClick = () => {
+    history.push('/tax-rates');
+  };
+  const handleImportSuccess = () => {
+    history.push('/tax-rates');
+  };
+
+  return (
+    <DashboardInsider name={'import-tax-rates'}>
+      <ImportView
+        resource={'tax-rate'}
+        onCancelClick={handleCancelBtnClick}
+        onImportSuccess={handleImportSuccess}
+      />
+    </DashboardInsider>
+  );
+}

packages/webapp/src/containers/TaxRates/containers/TaxRatesLandingActionsBar.tsx

@@ -13,6 +13,7 @@ import withDialogActions from '@/containers/Dialog/withDialogActions';
 
 import { DialogsName } from '@/constants/dialogs';
 import { compose } from '@/utils';
+import { useHistory } from 'react-router-dom';
 
 /**
  * Tax rates actions bar.
@@ -21,11 +22,21 @@ function TaxRatesActionsBar({
   // #withDialogActions
   openDialog,
 }) {
+  const history = useHistory();
+
   // Handle `new item` button click.
   const onClickNewItem = () => {
     openDialog(DialogsName.TaxRateForm);
   };
 
+  const handleImportBtnClick = () => {
+    history.push('/tax-rates/import');
+  };
+
+  const handleExportBtnClick = () => {
+    openDialog(DialogsName.Export, { resource: 'tax_rate' });
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -43,11 +54,13 @@ function TaxRatesActionsBar({
           className={Classes.MINIMAL}
           icon={<Icon icon="file-import-16" iconSize={16} />}
           text={<T id={'import'} />}
+          onClick={handleImportBtnClick}
         />
         <Button
           className={Classes.MINIMAL}
           icon={<Icon icon="file-export-16" iconSize={16} />}
           text={<T id={'export'} />}
+          onClick={handleExportBtnClick}
         />
       </NavbarGroup>
     </DashboardActionsBar>

packages/webapp/src/routes/dashboard.tsx

@@ -1213,6 +1213,14 @@ export const getDashboardRoutes = () => [
     ),
     pageTitle: intl.get('sidebar.projects'),
   },
+  {
+    path: '/tax-rates/import',
+    component: lazy(
+      () => import('@/containers/TaxRates/containers/TaxRatesImport'),
+    ),
+    pageTitle: 'Tax Rates',
+    subscriptionActive: [SUBSCRIPTION_TYPE.MAIN],
+  },
   {
     path: '/tax-rates',
     component: lazy(