From ec625cf182d4ac552ae844712efb0632b3157cde Mon Sep 17 00:00:00 2001
From: SteveCookTU <steviecook210@gmail.com>
Date: Tue, 3 Sep 2024 12:26:08 -0400
Subject: [PATCH] Update routes

---
 src/app.rs               | 8 ++++++++
 src/components/common.rs | 8 ++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/app.rs b/src/app.rs
index d424672..140b6cd 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -10,6 +10,14 @@ pub fn app() -> impl IntoView {
     view! {
         <Router>
             <Routes>
+                <Route path="" view= move || view! {
+                    <main class="my-0 mx-auto max-w-3xl text-center">
+                        <h2 class="p-6 text-4xl">"Welcome to the Sports Time Puller"</h2>
+                        <p class="px-10 pb-10 text-center">"Click an option on the navigation bar above to get started."</p>
+                    </main>
+                }/>
+            </Routes>
+            <Routes base={"sports_time_puller".to_string()}>
                 <Route path="" view=  move || view! {
                     <main class="my-0 mx-auto max-w-3xl text-center">
                         <h2 class="p-6 text-4xl">"Welcome to the Sports Time Puller"</h2>
diff --git a/src/components/common.rs b/src/components/common.rs
index f4fe522..296d1e1 100644
--- a/src/components/common.rs
+++ b/src/components/common.rs
@@ -8,10 +8,10 @@ pub fn Common() -> impl IntoView {
     view! {
         <div>
             <div class="flex bg-gray-500 h-16 w-screen drop-shadow-xl justify-around items-center">
-                <a class="nav-button" href="/cfb">"CFB"</a>
-                <a class="nav-button" href="/mlb">"MLB"</a>
-                <a class="nav-button" href="/nhl">"NHL"</a>
-                <a class="nav-button" href="/soccer">"Soccer"</a>
+                <a class="nav-button" href="/sports_time_puller/cfb">"CFB"</a>
+                <a class="nav-button" href="/sports_time_puller/mlb">"MLB"</a>
+                <a class="nav-button" href="/sports_time_puller/nhl">"NHL"</a>
+                <a class="nav-button" href="/sports_time_puller/soccer">"Soccer"</a>
             </div>
             <App />
         </div>