regression: `ContextualbarDialog` being displayed without route param on...

regression: `ContextualbarDialog` being displayed without route param on Omnichannel directory (#32077)

apps/meteor/client/views/omnichannel/directory/ContextualBar.tsx

@@ -12,11 +12,6 @@ type ContextualBarProps = {
 
 const ContextualBar: FC<ContextualBarProps> = ({ chatReload }) => {
 	const page = useRouteParameter('page');
-	const bar = useRouteParameter('bar');
-
-	if (!bar) {
-		return null;
-	}
 
 	switch (page) {
 		case 'contacts':

apps/meteor/client/views/omnichannel/directory/OmnichannelDirectoryPage.tsx

@@ -15,8 +15,10 @@ import ContactTab from './contacts/ContactTab';
 const DEFAULT_TAB = 'contacts';
 
 const OmnichannelDirectoryPage = (): ReactElement => {
+	const t = useTranslation();
 	const router = useRouter();
 	const page = useRouteParameter('page');
+	const bar = useRouteParameter('bar');
 	const canViewDirectory = usePermission('view-omnichannel-contact-center');
 
 	useEffect(
@@ -38,8 +40,6 @@ const OmnichannelDirectoryPage = (): ReactElement => {
 
 	const chatReload = () => queryClient.invalidateQueries({ queryKey: ['current-chats'] });
 
-	const t = useTranslation();
-
 	if (!canViewDirectory) {
 		return <NotAuthorizedPage />;
 	}
@@ -63,9 +63,11 @@ const OmnichannelDirectoryPage = (): ReactElement => {
 					{(page === 'contacts' && <ContactTab />) || (page === 'chats' && <ChatTab />) || (page === 'calls' && <CallTab />)}
 				</PageContent>
 			</Page>
-			<ContextualbarDialog>
-				<ContextualBar chatReload={chatReload} />
-			</ContextualbarDialog>
+			{bar && (
+				<ContextualbarDialog>
+					<ContextualBar chatReload={chatReload} />
+				</ContextualbarDialog>
+			)}
 		</Page>
 	);
 };