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: {

18
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,6 +20,7 @@ function LoadingSpinner() {
export function AppRoutes() { export function AppRoutes() {
return ( return (
<Router>
<Suspense fallback={<LoadingSpinner />}> <Suspense fallback={<LoadingSpinner />}>
<Routes> <Routes>
<Route path="/" element={<HomePage />} /> <Route path="/" element={<HomePage />} />
@@ -31,5 +32,6 @@ export function AppRoutes() {
<Route path="/gallery" element={<GalleryPage />} /> <Route path="/gallery" element={<GalleryPage />} />
</Routes> </Routes>
</Suspense> </Suspense>
</Router>
); );
} }