saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-27 13:09:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add separate AppRouter component

Browse Source
This commit is contained in:
Alex Gleason 2025-04-17 16:53:23 -05:00
parent b5d517e358
commit 8407a2e268
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 36 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/App.tsx
View File

@ -3,10 +3,8 @@ import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner"; import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip"; import { TooltipProvider } from "@/components/ui/tooltip";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Index from "./pages/Index";
import NotFound from "./pages/NotFound";
import { NostrLoginProvider } from '@nostrify/react/login'; import { NostrLoginProvider } from '@nostrify/react/login';
import AppRouter from './AppRouter';
// AI: do not modify this relay list // AI: do not modify this relay list
const defaultRelays = [ const defaultRelays = [
@ -17,24 +15,23 @@ const defaultRelays = [
const queryClient = new QueryClient(); const queryClient = new QueryClient();
const App = () => ( // NOTE: This file should normally not be modified unless you are adding a new provider.
<NostrLoginProvider storageKey='nostr:login'> // To add new routes, edit the AppRouter.tsx file.
<NostrProvider relays={defaultRelays}>
<QueryClientProvider client={queryClient}> export function App() {
<TooltipProvider> return (
<Toaster /> <NostrLoginProvider storageKey='nostr:login'>
<Sonner /> <NostrProvider relays={defaultRelays}>
<BrowserRouter> <QueryClientProvider client={queryClient}>
<Routes> <TooltipProvider>
<Route path="/" element={<Index />} /> <Toaster />
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */} <Sonner />
<Route path="*" element={<NotFound />} /> <AppRouter />
</Routes> </TooltipProvider>
</BrowserRouter> </QueryClientProvider>
</TooltipProvider> </NostrProvider>
</QueryClientProvider> </NostrLoginProvider>
</NostrProvider> );
</NostrLoginProvider> }
);
export default App; export default App;

17
src/AppRouter.tsx Normal file
View File

@ -0,0 +1,17 @@
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Index from "./pages/Index";
import NotFound from "./pages/NotFound";
export function AppRouter() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Index />} />
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
<Route path="*" element={<NotFound />} />
</Routes>
</BrowserRouter>
);
}
export default AppRouter;