This commit is contained in:
Harivansh Rathi 2024-11-28 20:29:26 -05:00
parent 147ab53153
commit 8fd1ca8260
17 changed files with 1111 additions and 412 deletions

View file

@ -1,20 +1,34 @@
import { BrowserRouter as Router } from 'react-router-dom';
import { ThemeProvider } from '@/components/theme-provider';
import { Toaster } from '@/components/ui/sonner';
import Layout from '@/components/Layout';
import Routes from '@/components/Routes';
import React, { Suspense } from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import MainLayout from './components/layout/MainLayout';
import Home from './pages/Home';
// Lazy load other pages
const Blogs = React.lazy(() => import('./pages/Blogs'));
const Quiz = React.lazy(() => import('./pages/Quiz'));
const Advice = React.lazy(() => import('./pages/Advice'));
const Vendors = React.lazy(() => import('./pages/Vendors'));
const Stories = React.lazy(() => import('./pages/Stories'));
const MarketCalculator = React.lazy(() => import('./pages/MarketCalculator'));
function App() {
return (
<ThemeProvider defaultTheme="light" storageKey="vite-ui-theme">
<Router>
<Layout>
<Routes />
</Layout>
</Router>
<Toaster />
</ThemeProvider>
<Router>
<MainLayout>
<Suspense fallback={<div>Loading...</div>}>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/blogs/*" element={<Blogs />} />
<Route path="/quiz" element={<Quiz />} />
<Route path="/advice" element={<Advice />} />
<Route path="/vendors" element={<Vendors />} />
<Route path="/stories" element={<Stories />} />
<Route path="/calculator" element={<MarketCalculator />} />
</Routes>
</Suspense>
</MainLayout>
</Router>
);
}
export default App;
export default App;