From b8f179c9c18717a6ca3cfa8077bfbae5e2cbc463 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Fri, 2 Jan 2026 20:00:56 +0100
Subject: [PATCH] fix: serve board directly at /:slug without redirect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed catch-all route to render Board component directly instead
of redirecting to /board/:slug/. Now canvas.jeffemmett.com/ccc shows
the board without changing the URL.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/App.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 21ded6a..347433a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -119,14 +119,6 @@ const RedirectBoardSlug = () => {
   return <Navigate to={`/board/${slug}/`} replace />;
 };
 
-/**
- * Component to redirect direct slug URLs to board URLs
- * Handles canvas.jeffemmett.com/ccc → /board/ccc/
- */
-const RedirectDirectSlug = () => {
-  const { slug } = useParams<{ slug: string }>();
-  return <Navigate to={`/board/${slug}/`} replace />;
-};
 
 /**
  * Main App with context providers
@@ -223,11 +215,19 @@ const AppWithProviders = () => {
                       <Route path="/google" element={<GoogleDataTest />} />
                       <Route path="/oauth/google/callback" element={<GoogleDataTest />} />
 
-                      {/* Catch-all: Direct slug URLs redirect to board URLs */}
-                      {/* e.g., canvas.jeffemmett.com/ccc → /board/ccc/ */}
+                      {/* Catch-all: Direct slug URLs serve board directly */}
+                      {/* e.g., canvas.jeffemmett.com/ccc → shows board "ccc" */}
                       {/* Must be LAST to not interfere with other routes */}
-                      <Route path="/:slug" element={<RedirectDirectSlug />} />
-                      <Route path="/:slug/" element={<RedirectDirectSlug />} />
+                      <Route path="/:slug" element={
+                        <OptionalAuthRoute>
+                          <Board />
+                        </OptionalAuthRoute>
+                      } />
+                      <Route path="/:slug/" element={
+                        <OptionalAuthRoute>
+                          <Board />
+                        </OptionalAuthRoute>
+                      } />
                     </Routes>
                   </Suspense>
                   </BrowserRouter>