From 880a40f18e03ba1dd1ff2dc730a13903353a8139 Mon Sep 17 00:00:00 2001
From: Zephyruso <127948745+Zephyruso@users.noreply.github.com>
Date: Mon, 4 Sep 2023 13:08:05 +0800
Subject: [PATCH] chore: setup route

---
 src/App.tsx               | 7 +++++--
 src/components/Header.tsx | 4 ++--
 src/constants/index.ts    | 1 +
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index edfe558..8b0ed0d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -32,7 +32,7 @@ export const App = () => {
 
   onMount(() => {
     if (!selectedEndpoint()) {
-      navigate('/setup')
+      navigate(ROUTES.Setup)
     }
   })
 
@@ -56,7 +56,10 @@ export const App = () => {
             <Route path="*" element={<Navigate href={ROUTES.Overview} />} />
           </Show>
 
-          <Route path="/setup" component={Setup} />
+          <Route
+            path={selectedEndpoint() ? ROUTES.Setup : '*'}
+            component={Setup}
+          />
         </Routes>
       </div>
     </div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 9b5078b..2008889 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -119,7 +119,7 @@ export const Header = () => {
 
   const onSwitchEndpointClick = () => {
     setSelectedEndpoint('')
-    navigate('/setup')
+    navigate(ROUTES.Setup)
   }
 
   return (
@@ -167,7 +167,7 @@ export const Header = () => {
         </a>
       </div>
 
-      <Show when={location.pathname !== '/setup'}>
+      <Show when={location.pathname !== ROUTES.Setup}>
         <div class="navbar-center hidden lg:flex">
           <ul class="menu menu-horizontal gap-2">
             <For each={navs()}>
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 8caf07f..3b311af 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -41,6 +41,7 @@ export enum ROUTES {
   Conns = '/conns',
   Log = '/logs',
   Config = '/config',
+  Setup = '/setup',
 }
 
 export const CHART_MAX_XAXIS = 10