From 46f6aa761a01c89efe70c01ed42b5e9376a97ebc Mon Sep 17 00:00:00 2001
From: Jida Li <77774296+jidalii@users.noreply.github.com>
Date: Tue, 17 Dec 2024 16:46:49 -0500
Subject: [PATCH] fix: routing issue

---
 bu_arts_admin/src/App.tsx                        | 8 ++++++++
 bu_arts_admin/src/components/sidebar/Sidebar.tsx | 2 +-
 bu_arts_admin/src/main.tsx                       | 5 ++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/bu_arts_admin/src/App.tsx b/bu_arts_admin/src/App.tsx
index ba7b37e..03b2604 100644
--- a/bu_arts_admin/src/App.tsx
+++ b/bu_arts_admin/src/App.tsx
@@ -19,6 +19,14 @@ const App: React.FC = () => {
         <Sidebar></Sidebar>
         <main className="flex-grow container max-w-full p-6 h-screen overflow-y-auto">
           <Routes>
+            <Route
+              path="/"
+              element={
+                <SignedIn>
+                  <Dashboard />
+                </SignedIn>
+              }
+            />
             <Route
               path="/dashboard"
               element={
diff --git a/bu_arts_admin/src/components/sidebar/Sidebar.tsx b/bu_arts_admin/src/components/sidebar/Sidebar.tsx
index c9c53ba..6068835 100644
--- a/bu_arts_admin/src/components/sidebar/Sidebar.tsx
+++ b/bu_arts_admin/src/components/sidebar/Sidebar.tsx
@@ -17,7 +17,7 @@ const Sidebar: React.FC = () => {
             {/* User Profile */}
             <div className="mt-auto w-full">
                 <SignedOut>
-                    <SignInButton>
+                    <SignInButton fallbackRedirectUrl="/dashboard">
                         <button className="w-full px-4 py-2 bg-white text-red-800 rounded hover:bg-gray-200 transition">
                             Sign In
                         </button>
diff --git a/bu_arts_admin/src/main.tsx b/bu_arts_admin/src/main.tsx
index 03be945..36c1ee3 100644
--- a/bu_arts_admin/src/main.tsx
+++ b/bu_arts_admin/src/main.tsx
@@ -14,7 +14,10 @@ if (!PUBLISHABLE_KEY) {
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <ClerkProvider publishableKey={PUBLISHABLE_KEY} afterSignOutUrl="/dashboard">
+    <ClerkProvider 
+      publishableKey={PUBLISHABLE_KEY} 
+      afterSignOutUrl="/dashboard" 
+    >
       <App />
     </ClerkProvider>
   </React.StrictMode>,