- feat: Sales estimates APIs.

- feat: Sales invoices APIs.
- feat: Sales receipts APIs.
- WIP: Sales payment receipts.
- WIP: Purchases bills.
- WIP: Purchases payments made.

client/src/components/Dashboard/DashboardActionViewsList.js

@@ -0,0 +1,44 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import {
+  Button,
+  Classes,
+  MenuItem,
+  Menu,
+  Popover,
+  PopoverInteractionKind,
+  Position,
+} from '@blueprintjs/core';
+import { FormattedMessage as T } from 'react-intl';
+import { useHistory } from 'react-router-dom';
+import { Icon } from 'components';
+
+export default function DashboardActionViewsList({
+  resourceName,
+  views
+}) {
+  const history = useHistory();
+
+  const handleClickViewItem = (view) => {
+    history.push(view ? `/${resourceName}/${view.id}/custom_view` : '/accounts');
+  };
+  const viewsMenuItems = views.map((view) => {
+    return <MenuItem onClick={() => handleClickViewItem(view)} text={view.name} />;
+  });
+
+  return (
+    <Popover
+      content={<Menu>{viewsMenuItems}</Menu>}
+      minimal={true}
+      interactionKind={PopoverInteractionKind.HOVER}
+      position={Position.BOTTOM_LEFT}
+    >
+      <Button
+        className={classNames(Classes.MINIMAL, 'button--table-views')}
+        icon={<Icon icon="table-16" iconSize={16} />}
+        text={<T id={'table_views'} />}
+        rightIcon={'caret-down'}
+      />
+    </Popover>
+  );
+}

client/src/components/Dashboard/DashboardViewsTabs.js

@@ -1,7 +1,9 @@
-import React, { useState, useMemo } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
 import { FormattedMessage as T } from 'react-intl';
 import PropTypes from 'prop-types';
 import { Button, Tabs, Tab, Tooltip, Position } from '@blueprintjs/core';
+import { debounce } from 'lodash';
+import { useHistory } from 'react-router';
 import { If, Icon } from 'components';
 
 export default function DashboardViewsTabs({
@@ -9,13 +11,16 @@ export default function DashboardViewsTabs({
   tabs,
   allTab = true,
   newViewTab = true,
+  resourceName,
   onNewViewTabClick,
   onChange,
   onTabClick,
 }) {
+  const history = useHistory();
   const [currentView, setCurrentView] = useState(initialViewId || 0);
 
   const handleClickNewView = () => {
+    history.push(`/custom_views/${resourceName}/new`);
     onNewViewTabClick && onNewViewTabClick();
   };
 
@@ -32,7 +37,16 @@ export default function DashboardViewsTabs({
     onNewViewTabClick && onNewViewTabClick();
   };
 
+  const debounceChangeHistory = useRef(
+    debounce((toUrl) => {
+      history.push(toUrl);
+    }, 250),
+  );
+
   const handleTabsChange = (viewId) => {
+    const toPath = viewId ? `${viewId}/custom_view` : '';
+    debounceChangeHistory.current(`/${resourceName}/${toPath}`);
+
     setCurrentView(viewId);
     onChange && onChange(viewId);
   };

client/src/components/index.js

@@ -21,7 +21,7 @@ import DataTable from './DataTable';
 import AccountsSelectList from './AccountsSelectList';
 import AccountsTypesSelect from './AccountsTypesSelect';
 import LoadingIndicator from './LoadingIndicator';
-
+import DashboardActionViewsList from './Dashboard/DashboardActionViewsList';
 const Hint = FieldHint;
 
 export {
@@ -49,4 +49,5 @@ export {
   AccountsSelectList,
   AccountsTypesSelect,
   LoadingIndicator,
+  DashboardActionViewsList,
 };