refactoring: migrating to react-query to manage service-side state.

client/src/containers/Accounts/components.js

@@ -13,17 +13,8 @@ import classNames from 'classnames';
 import { Icon, Money, If } from 'components';
 import { saveInvoke } from 'utils';
 import { formatMessage } from 'services/intl';
-import { POPOVER_CONTENT_SIZING } from '@blueprintjs/core/lib/esm/common/classes';
 
-export function AccountActionsMenuList({
-  account,
-
-  onNewChildAccount,
-  onEditAccount,
-  onActivateAccount,
-  onInactivateAccount,
-  onDeleteAccount,
-}) {
+export function AccountActionsMenu({ row: { original } }) {
   return (
     <Menu>
       <MenuItem
@@ -34,38 +25,39 @@ export function AccountActionsMenuList({
       <MenuItem
         icon={<Icon icon="pen-18" />}
         text={formatMessage({ id: 'edit_account' })}
-        onClick={() => saveInvoke(onEditAccount, account)}
+        // onClick={handleEditAccount}
       />
       <MenuItem
         icon={<Icon icon="plus" />}
         text={formatMessage({ id: 'new_child_account' })}
-        onClick={() => saveInvoke(onNewChildAccount, account)}
+        // onClick={handleNewChildAccount}
       />
       <MenuDivider />
-      <If condition={account.active}>
+      <If condition={original.active}>
         <MenuItem
           text={formatMessage({ id: 'inactivate_account' })}
           icon={<Icon icon="pause-16" iconSize={16} />}
-          onClick={() => saveInvoke(onInactivateAccount, account)}
+          // onClick={handleInactivateAccount}
         />
       </If>
-      <If condition={!account.active}>
+      <If condition={!original.active}>
         <MenuItem
           text={formatMessage({ id: 'activate_account' })}
           icon={<Icon icon="play-16" iconSize={16} />}
-          onClick={() => saveInvoke(onActivateAccount, account)}
+          // onClick={handleActivateAccount}
         />
       </If>
       <MenuItem
         text={formatMessage({ id: 'delete_account' })}
         icon={<Icon icon="trash-16" iconSize={16} />}
         intent={Intent.DANGER}
-        onClick={() => saveInvoke(onDeleteAccount, account)}
+        // onClick={handleDeleteA ccount}
       />
     </Menu>
   );
 }
 
+
 export function NormalCell({ cell: { value } }) {
   const { formatMessage } = useIntl();
   const arrowDirection = value === 'credit' ? 'down' : 'up';