refactor: move quickaction to posContent and add divider

RocketChat · Dec 29, 2022 · 9e0eb7c · 9e0eb7c
1 parent ac75430
commit 9e0eb7c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/apps/meteor/client/views/room/Header/Omnichannel/OmnichannelRoomHeader.tsx b/apps/meteor/client/views/room/Header/Omnichannel/OmnichannelRoomHeader.tsx
@@ -43,7 +43,7 @@ const OmnichannelRoomHeader: FC<OmnichannelRoomHeaderProps> = ({ slots: parentSl
 					{<BackButton routeName={name} />}
 				</TemplateHeader.ToolBox>
 			),
-			...(!isMobile && { insideContent: <QuickActions room={room} /> }),
+			...(!isMobile && { posContent: <QuickActions room={room} /> }),
 		}),
 		[isMobile, name, parentSlot, room],
 	);

diff --git a/apps/meteor/client/views/room/Header/Omnichannel/QuickActions/QuickActions.tsx b/apps/meteor/client/views/room/Header/Omnichannel/QuickActions/QuickActions.tsx
@@ -17,7 +17,7 @@ const QuickActions: FC<QuickActionsProps> = ({ room, className }) => {
 	const { visibleActions, actionDefault } = useQuickActions(room);
 
 	return (
-		<Header.ToolBox aria-label={t('Omnichannel_quick_actions')}>
+		<Header.ToolBox aria-label={t('Omnichannel_quick_actions')} mie={0}>
 			{visibleActions.map(({ id, color, icon, title, action = actionDefault }, index) => {
 				const props = {
 					id,
@@ -33,6 +33,7 @@ const QuickActions: FC<QuickActionsProps> = ({ room, className }) => {
 
 				return <Header.ToolBox.Action {...props} />;
 			})}
+			{visibleActions.length > 0 && <Header.ToolBox.Divider />}
 		</Header.ToolBox>
 	);
 };