feat: optimize style of sale receipt details.

src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.js

@@ -8,13 +8,18 @@ import {
   NavbarDivider,
   Intent,
 } from '@blueprintjs/core';
-import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
-import { Can, Icon, FormattedMessage as T, MoreMenuItems } from 'components';
+import {
+  Can,
+  Icon,
+  FormattedMessage as T,
+  MoreMenuItems,
+  DrawerActionsBar,
+} from 'components';
 import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider';
 import {
   SaleReceiptAction,
@@ -23,6 +28,10 @@ import {
 
 import { safeCallback, compose } from 'utils';
 
+/**
+ * Receipt details actions bar.
+ * @returns {React.JSX}
+ */
 function ReceiptDetailActionBar({
   // #withDialogActions
   openDialog,
@@ -56,7 +65,7 @@ function ReceiptDetailActionBar({
     openDialog('notify-receipt-via-sms', { receiptId });
   };
   return (
-    <DashboardActionsBar>
+    <DrawerActionsBar>
       <NavbarGroup>
         <Can I={SaleReceiptAction.Edit} a={AbilitySubject.Receipt}>
           <Button
@@ -93,7 +102,7 @@ function ReceiptDetailActionBar({
           />
         </Can>
       </NavbarGroup>
-    </DashboardActionsBar>
+    </DrawerActionsBar>
   );
 }