9e76d07cc2
Implement deep linking to individual lessons with URL pattern:
- Route: /bootcamp/{product-slug}/{lessonId}
- lessonId parameter is optional for backward compatibility
- When no lessonId provided, defaults to first lesson
- Clicking lessons updates URL without page reload
- URL parameter drives lesson selection on page load
Changes:
- Update App.tsx route to accept optional :lessonId parameter
- Add lessonId extraction in Bootcamp.tsx useParams
- Implement handleSelectLesson to update URL on lesson click
- Update lesson selection logic to read from URL parameter
- Fallback to first lesson if lessonId not found
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
97 lines
4.4 KiB
TypeScript
97 lines
4.4 KiB
TypeScript
import { Toaster } from "@/components/ui/toaster";
|
|
import { Toaster as Sonner } from "@/components/ui/sonner";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|
import { AuthProvider } from "@/hooks/useAuth";
|
|
import { CartProvider } from "@/contexts/CartContext";
|
|
import { BrandingProvider } from "@/hooks/useBranding";
|
|
import Index from "./pages/Index";
|
|
import Auth from "./pages/Auth";
|
|
import Products from "./pages/Products";
|
|
import ProductDetail from "./pages/ProductDetail";
|
|
import Checkout from "./pages/Checkout";
|
|
import Bootcamp from "./pages/Bootcamp";
|
|
import WebinarRecording from "./pages/WebinarRecording";
|
|
import Events from "./pages/Events";
|
|
import ConsultingBooking from "./pages/ConsultingBooking";
|
|
import CalendarPage from "./pages/Calendar";
|
|
import Privacy from "./pages/Privacy";
|
|
import Terms from "./pages/Terms";
|
|
import NotFound from "./pages/NotFound";
|
|
|
|
// Member pages
|
|
import MemberDashboard from "./pages/member/MemberDashboard";
|
|
import MemberAccess from "./pages/member/MemberAccess";
|
|
import MemberOrders from "./pages/member/MemberOrders";
|
|
import MemberProfile from "./pages/member/MemberProfile";
|
|
import OrderDetail from "./pages/member/OrderDetail";
|
|
|
|
// Admin pages
|
|
import AdminDashboard from "./pages/admin/AdminDashboard";
|
|
import AdminProducts from "./pages/admin/AdminProducts";
|
|
import AdminBootcamp from "./pages/admin/AdminBootcamp";
|
|
import AdminOrders from "./pages/admin/AdminOrders";
|
|
import AdminMembers from "./pages/admin/AdminMembers";
|
|
import AdminEvents from "./pages/admin/AdminEvents";
|
|
import AdminSettings from "./pages/admin/AdminSettings";
|
|
import AdminConsulting from "./pages/admin/AdminConsulting";
|
|
import AdminReviews from "./pages/admin/AdminReviews";
|
|
import ProductCurriculum from "./pages/admin/ProductCurriculum";
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
const App = () => (
|
|
<QueryClientProvider client={queryClient}>
|
|
<TooltipProvider>
|
|
<AuthProvider>
|
|
<BrandingProvider>
|
|
<CartProvider>
|
|
<Toaster />
|
|
<Sonner />
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/" element={<Index />} />
|
|
<Route path="/auth" element={<Auth />} />
|
|
<Route path="/products" element={<Products />} />
|
|
<Route path="/products/:slug" element={<ProductDetail />} />
|
|
<Route path="/checkout" element={<Checkout />} />
|
|
<Route path="/events" element={<Events />} />
|
|
<Route path="/bootcamp/:slug/:lessonId?" element={<Bootcamp />} />
|
|
<Route path="/webinar/:slug" element={<WebinarRecording />} />
|
|
<Route path="/consulting" element={<ConsultingBooking />} />
|
|
<Route path="/calendar" element={<CalendarPage />} />
|
|
<Route path="/privacy" element={<Privacy />} />
|
|
<Route path="/terms" element={<Terms />} />
|
|
|
|
{/* Member routes */}
|
|
<Route path="/dashboard" element={<MemberDashboard />} />
|
|
<Route path="/access" element={<MemberAccess />} />
|
|
<Route path="/orders" element={<MemberOrders />} />
|
|
<Route path="/orders/:id" element={<OrderDetail />} />
|
|
<Route path="/profile" element={<MemberProfile />} />
|
|
|
|
{/* Admin routes */}
|
|
<Route path="/admin" element={<AdminDashboard />} />
|
|
<Route path="/admin/products" element={<AdminProducts />} />
|
|
<Route path="/admin/products/:id/curriculum" element={<ProductCurriculum />} />
|
|
<Route path="/admin/bootcamp" element={<AdminBootcamp />} />
|
|
<Route path="/admin/orders" element={<AdminOrders />} />
|
|
<Route path="/admin/members" element={<AdminMembers />} />
|
|
<Route path="/admin/events" element={<AdminEvents />} />
|
|
<Route path="/admin/settings" element={<AdminSettings />} />
|
|
<Route path="/admin/consulting" element={<AdminConsulting />} />
|
|
<Route path="/admin/reviews" element={<AdminReviews />} />
|
|
|
|
<Route path="*" element={<NotFound />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</CartProvider>
|
|
</BrandingProvider>
|
|
</AuthProvider>
|
|
</TooltipProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
|
|
export default App;
|