Restructure
This commit is contained in:
@@ -1,38 +0,0 @@
|
||||
import { Suspense, lazy, type ComponentType } from 'react'
|
||||
import { createBrowserRouter, RouterProvider } from 'react-router'
|
||||
|
||||
import './App.css'
|
||||
|
||||
const Layout = lazy(() => import('./Layout.tsx'))
|
||||
const HomePage = lazy(() => import('./pages/HomePage.tsx'))
|
||||
const LanguagesPage = lazy(() => import('./pages/LanguagesPage.tsx'))
|
||||
const PropertyPage = lazy(() => import('./pages/PropertyPage.tsx'))
|
||||
const ProductPage = lazy(() => import('./pages/ProductPage.tsx'))
|
||||
const NotFoundPage = lazy(() => import('./pages/NotFoundPage.tsx'))
|
||||
|
||||
const renderLazyRoute = (Component: ComponentType) => (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<Component />
|
||||
</Suspense>
|
||||
)
|
||||
|
||||
// routing configuration
|
||||
const router = createBrowserRouter([
|
||||
{
|
||||
path: '/',
|
||||
element: renderLazyRoute(Layout),
|
||||
children: [
|
||||
{ index: true, element: renderLazyRoute(HomePage) },
|
||||
{ path: 'language', element: renderLazyRoute(LanguagesPage) },
|
||||
{ path: 'propertypool', element: renderLazyRoute(PropertyPage) },
|
||||
{ path: 'product', element: renderLazyRoute(ProductPage) },
|
||||
{ path: '*', element: renderLazyRoute(NotFoundPage) },
|
||||
],
|
||||
},
|
||||
])
|
||||
|
||||
function App() {
|
||||
return <RouterProvider router={router} />
|
||||
}
|
||||
|
||||
export default App
|
||||
Reference in New Issue
Block a user