Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-08 05:35:03 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix(back): normal route

Browse Source
This commit is contained in:
eshanized
2024-12-25 11:18:58 +05:30
parent a9425f38ca
commit 349d3b4292
1 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes.tsx
View File

@@ -1,8 +1,7 @@
import { HashRouter, Routes, Route } from 'react-router-dom'; import { Routes, Route } from 'react-router-dom';
import { Suspense, lazy } from 'react'; import { Suspense, lazy } from 'react';
import { Loader2 } from 'lucide-react'; import { Loader2 } from 'lucide-react';
// Lazy load your pages
const HomePage = lazy(() => import('./pages/Home')); const HomePage = lazy(() => import('./pages/Home'));
const AboutPage = lazy(() => import('./pages/About')); const AboutPage = lazy(() => import('./pages/About'));
const FeaturesPage = lazy(() => import('./pages/Features')); const FeaturesPage = lazy(() => import('./pages/Features'));
@@ -11,7 +10,6 @@ const DevelopersPage = lazy(() => import('./pages/Developers'));
const DonatePage = lazy(() => import('./pages/Donate')); const DonatePage = lazy(() => import('./pages/Donate'));
const GalleryPage = lazy(() => import('./pages/Gallery')); const GalleryPage = lazy(() => import('./pages/Gallery'));
// Loading spinner component
function LoadingSpinner() { function LoadingSpinner() {
return ( return (
<div className="min-h-[50vh] flex items-center justify-center"> <div className="min-h-[50vh] flex items-center justify-center">
@@ -20,21 +18,18 @@ function LoadingSpinner() {
); );
} }
// AppRoutes component with HashRouter
export function AppRoutes() { export function AppRoutes() {
return ( return (
<HashRouter> <Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner />}> <Routes>
<Routes> <Route path="/" element={<HomePage />} />
<Route path="/" element={<HomePage />} /> <Route path="/about" element={<AboutPage />} />
<Route path="/about" element={<AboutPage />} /> <Route path="/features" element={<FeaturesPage />} />
<Route path="/features" element={<FeaturesPage />} /> <Route path="/download" element={<DownloadPage />} />
<Route path="/download" element={<DownloadPage />} /> <Route path="/developers" element={<DevelopersPage />} />
<Route path="/developers" element={<DevelopersPage />} /> <Route path="/donate" element={<DonatePage />} />
<Route path="/donate" element={<DonatePage />} /> <Route path="/gallery" element={<GalleryPage />} />
<Route path="/gallery" element={<GalleryPage />} /> </Routes>
</Routes> </Suspense>
</Suspense>
</HashRouter>
); );
} }