fix: enterprise routes 404 when not logged in (#8640)

Evaluate `*` with login redirect before showing 404s.
Unleash · Nov 4, 2024 · e7c2bf0 · e7c2bf0
1 parent b9df506
commit e7c2bf0
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/frontend/src/component/App.tsx b/frontend/src/component/App.tsx
@@ -21,6 +21,7 @@ import { InternalBanners } from './banners/internalBanners/InternalBanners';
 import { ExternalBanners } from './banners/externalBanners/ExternalBanners';
 import { LicenseBanner } from './banners/internalBanners/LicenseBanner';
 import { Demo } from './demo/Demo';
+import { LoginRedirect } from './common/LoginRedirect/LoginRedirect';
 
 const StyledContainer = styled('div')(() => ({
     '& ul': {
@@ -47,6 +48,8 @@ export const App = () => {
         }
     }, [authDetails, user]);
 
+    const isLoggedIn = Boolean(user?.id);
+
     return (
         <SWRProvider>
             <Suspense fallback={<Loader type='fullscreen' />}>
@@ -92,7 +95,13 @@ export const App = () => {
                                         />
                                         <Route
                                             path='*'
-                                            element={<NotFound />}
+                                            element={
+                                                isLoggedIn ? (
+                                                    <NotFound />
+                                                ) : (
+                                                    <LoginRedirect />
+                                                )
+                                            }
                                         />
                                     </Routes>