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-06 12:45:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix(change): browser router to hash router

Browse Source
This commit is contained in:
eshanized
2024-12-25 11:00:53 +05:30
parent 9f15a800fa
commit 8167dac7a4
2 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.tsx
View File

@@ -1,9 +1,9 @@
import { BrowserRouter as Router } from 'react-router-dom'; import { BrowserRouter as Router } from 'react-router-dom';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ErrorBoundary } from '@/components/ui/ErrorBoundary'; import { ErrorBoundary } from './components/ui/ErrorBoundary';
import { Navbar } from '@/components/layout/Navbar'; import { Navbar } from './components/layout/Navbar';
import { Footer } from '@/components/layout/Footer'; import { Footer } from './components/layout/Footer';
import { AppRoutes } from '@/routes'; import { AppRoutes } from './routes';
const queryClient = new QueryClient({ const queryClient = new QueryClient({
defaultOptions: { defaultOptions: {

42
src/routes.tsx
View File

@@ -1,14 +1,14 @@
import { Routes, Route } from 'react-router-dom'; import { HashRouter as Router, 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';
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'));
const DownloadPage = lazy(() => import('@/pages/Download')); const DownloadPage = lazy(() => import('./pages/Download'));
const DevelopersPage = lazy(() => import('@/pages/Developers')); 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'));
function LoadingSpinner() { function LoadingSpinner() {
return ( return (
@@ -20,16 +20,18 @@ function LoadingSpinner() {
export function AppRoutes() { export function AppRoutes() {
return ( return (
<Suspense fallback={<LoadingSpinner />}> <Router>
<Routes> <Suspense fallback={<LoadingSpinner />}>
<Route path="/" element={<HomePage />} /> <Routes>
<Route path="/about" element={<AboutPage />} /> <Route path="/" element={<HomePage />} />
<Route path="/features" element={<FeaturesPage />} /> <Route path="/about" element={<AboutPage />} />
<Route path="/download" element={<DownloadPage />} /> <Route path="/features" element={<FeaturesPage />} />
<Route path="/developers" element={<DevelopersPage />} /> <Route path="/download" element={<DownloadPage />} />
<Route path="/donate" element={<DonatePage />} /> <Route path="/developers" element={<DevelopersPage />} />
<Route path="/gallery" element={<GalleryPage />} /> <Route path="/donate" element={<DonatePage />} />
</Routes> <Route path="/gallery" element={<GalleryPage />} />
</Suspense> </Routes>
</Suspense>
</Router>
); );
} }