fix: use DrawerActionsBar instead of DashboardActionsBar in drawer components

Replace DashboardActionsBar with DrawerActionsBar in all drawer action bars
for consistency with the design system:
- ContactDetailActionsBar
- CustomerDetailsActionsBar
- VendorCreditDetailActionsBar
- TaxRateDetailsContentActionsBar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ahmed Bouhuolia
2026-02-12 23:19:16 +02:00
parent e0d9a56a29
commit 36cbb1eef5
4 changed files with 9 additions and 10 deletions

View File

@@ -15,7 +15,7 @@ import { useContactDetailDrawerContext } from './ContactDetailDrawerProvider';
import { withAlertActions } from '@/containers/Alert/withAlertActions'; import { withAlertActions } from '@/containers/Alert/withAlertActions';
import { withDrawerActions } from '@/containers/Drawer/withDrawerActions'; import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
import { DashboardActionsBar, Icon, FormattedMessage as T } from '@/components'; import { DrawerActionsBar, Icon, FormattedMessage as T } from '@/components';
import { safeCallback, compose } from '@/utils'; import { safeCallback, compose } from '@/utils';
@@ -46,7 +46,7 @@ function ContactDetailActionsBar({
}; };
return ( return (
<DashboardActionsBar> <DrawerActionsBar>
<NavbarGroup> <NavbarGroup>
<Button <Button
className={Classes.MINIMAL} className={Classes.MINIMAL}
@@ -63,7 +63,7 @@ function ContactDetailActionsBar({
onClick={safeCallback(onDeleteContact)} onClick={safeCallback(onDeleteContact)}
/> />
</NavbarGroup> </NavbarGroup>
</DashboardActionsBar> </DrawerActionsBar>
); );
} }

View File

@@ -23,7 +23,6 @@ import { withDialogActions } from '@/containers/Dialog/withDialogActions';
import { withDrawerActions } from '@/containers/Drawer/withDrawerActions'; import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
import { import {
DashboardActionsBar,
Can, Can,
Icon, Icon,
FormattedMessage as T, FormattedMessage as T,

View File

@@ -20,7 +20,7 @@ import {
If, If,
Icon, Icon,
FormattedMessage as T, FormattedMessage as T,
DashboardActionsBar, DrawerActionsBar,
Can, Can,
} from '@/components'; } from '@/components';
@@ -63,7 +63,7 @@ function VendorCreditDetailActionsBar({
}; };
return ( return (
<DashboardActionsBar> <DrawerActionsBar>
<NavbarGroup> <NavbarGroup>
<Can I={VendorCreditAction.Edit} a={AbilitySubject.VendorCredit}> <Can I={VendorCreditAction.Edit} a={AbilitySubject.VendorCredit}>
<Button <Button
@@ -105,7 +105,7 @@ function VendorCreditDetailActionsBar({
</If> </If>
</Can> </Can>
</NavbarGroup> </NavbarGroup>
</DashboardActionsBar> </DrawerActionsBar>
); );
} }

View File

@@ -13,7 +13,7 @@ import {
Position, Position,
} from '@blueprintjs/core'; } from '@blueprintjs/core';
import * as R from 'ramda'; import * as R from 'ramda';
import { AppToaster, Can, DashboardActionsBar, Icon } from '@/components'; import { AppToaster, Can, DrawerActionsBar, Icon } from '@/components';
import { AbilitySubject, TaxRateAction } from '@/constants/abilityOption'; import { AbilitySubject, TaxRateAction } from '@/constants/abilityOption';
import { withDrawerActions } from '@/containers/Drawer/withDrawerActions'; import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
import { withAlertActions } from '@/containers/Alert/withAlertActions'; import { withAlertActions } from '@/containers/Alert/withAlertActions';
@@ -83,7 +83,7 @@ function TaxRateDetailsContentActionsBar({
}; };
return ( return (
<DashboardActionsBar> <DrawerActionsBar>
<NavbarGroup> <NavbarGroup>
<Can I={TaxRateAction.Edit} a={AbilitySubject.TaxRate}> <Can I={TaxRateAction.Edit} a={AbilitySubject.TaxRate}>
<Button <Button
@@ -137,7 +137,7 @@ function TaxRateDetailsContentActionsBar({
</Popover> </Popover>
</Can> </Can>
</NavbarGroup> </NavbarGroup>
</DashboardActionsBar> </DrawerActionsBar>
); );
} }