Error: Header Not Showing on no stream [fixed]

src/components/Header/SubHeader.tsx

@@ -116,3 +116,19 @@ export const UsersManagementHeader: FC = () => {
 		</Box>
 	);
 };
+
+
+export const AllRouteHeader: FC = () => {
+	const { classes } = useLogQueryStyles();
+	const { container, innerContainer } = classes;
+
+	return (
+		<Box className={container}>
+			<Box>
+				<Box className={innerContainer}>
+					<HeaderBreadcrumbs crumbs={[]} />
+				</Box>
+			</Box>
+		</Box>
+	);
+}

src/components/Header/index.tsx

@@ -2,8 +2,15 @@ import type { HeaderProps as MantineHeaderProps } from '@mantine/core';
 import { FC } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import HeaderLayout from './Layout';
-import { ConfigHeader, LogsHeader, QueryHeader, StatsHeader, UsersManagementHeader } from './SubHeader';
-import { CONFIG_ROUTE, LOGS_ROUTE, QUERY_ROUTE, STATS_ROUTE, USERS_MANAGEMENT_ROUTE } from '@/constants/routes';
+import { AllRouteHeader, ConfigHeader, LogsHeader, QueryHeader, StatsHeader, UsersManagementHeader } from './SubHeader';
+import {
+	ALL_ROUTE,
+	CONFIG_ROUTE,
+	LOGS_ROUTE,
+	QUERY_ROUTE,
+	STATS_ROUTE,
+	USERS_MANAGEMENT_ROUTE,
+} from '@/constants/routes';
 
 type HeaderProps = Omit<MantineHeaderProps, 'children' | 'height' | 'className'>;
 
@@ -16,6 +23,7 @@ const Header: FC<HeaderProps> = (props) => {
 				<Route path={STATS_ROUTE} element={<StatsHeader />} />
 				<Route path={CONFIG_ROUTE} element={<ConfigHeader />} />
 				<Route path={USERS_MANAGEMENT_ROUTE} element={<UsersManagementHeader />} />
+				<Route path={ALL_ROUTE} element={<AllRouteHeader />} />
 			</Route>
 		</Routes>
 	);

src/constants/routes.ts

@@ -1,7 +1,7 @@
 export const HOME_ROUTE = '/';
 export const LOGS_ROUTE = '/:streamName/logs';
 export const LOGIN_ROUTE = '/login';
-export const ALL_ROUTE = '*';
+export const ALL_ROUTE = '/*';
 export const QUERY_ROUTE = '/:streamName/query';
 export const STATS_ROUTE = '/:streamName/stats';
 export const CONFIG_ROUTE = '/:streamName/config';