From 53e0f27b3e5da28a1f33d99b3bcea840f106e7b7 Mon Sep 17 00:00:00 2001
From: Kartik Gupta <kartikgupta7267@gmail.com>
Date: Wed, 13 Sep 2023 21:05:50 +0530
Subject: [PATCH] Header Not Showing on no stream fixed

---
 src/components/Header/SubHeader.tsx | 16 ++++++++++++++++
 src/components/Header/index.tsx     | 12 ++++++++++--
 src/constants/routes.ts             |  2 +-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/SubHeader.tsx b/src/components/Header/SubHeader.tsx
index 68df437e..091c7a88 100644
--- a/src/components/Header/SubHeader.tsx
+++ b/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>
+	);
+}
\ No newline at end of file
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 65805080..fbf2588e 100644
--- a/src/components/Header/index.tsx
+++ b/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>
 	);
diff --git a/src/constants/routes.ts b/src/constants/routes.ts
index 1d6eb8d1..4b735244 100644
--- a/src/constants/routes.ts
+++ b/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';