diff --git a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx index fe2e67644..bce3d1991 100644 --- a/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx +++ b/packages/webapp/src/containers/Drawers/AccountDrawer/AccountDrawerActionBar.tsx @@ -6,6 +6,11 @@ import { NavbarGroup, Intent, NavbarDivider, + Popover, + Menu, + MenuItem, + PopoverInteractionKind, + Position, } from '@blueprintjs/core'; import { DashboardActionsBar, @@ -23,6 +28,7 @@ import withAlertsActions from '@/containers/Alert/withAlertActions'; import { AccountDialogAction } from '@/containers/Dialogs/AccountDialog/utils'; import { useAccountDrawerContext } from './AccountDrawerProvider'; import { compose, safeCallback } from '@/utils'; +import { CLASSES } from '@/constants'; /** * Account drawer action bar. @@ -56,6 +62,14 @@ function AccountDrawerActionBar({ const onDeleteAccount = () => { openAlert('account-delete', { accountId: account.id }); }; + // Handle inactivate button click. + const handleInactivateBtnClick = () => { + openAlert('account-inactivate', { accountId: account.id }); + }; + // Handle activate button click. + const handleActivateBtnClick = () => { + openAlert('account-activate', { accountId: account.id }); + }; return ( @@ -85,6 +99,43 @@ function AccountDrawerActionBar({ onClick={safeCallback(onDeleteAccount)} /> + {!account.active && ( + <> + +