You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
47 lines
1.0 KiB
import { Box } from '@mantine/core';
|
|
import {
|
|
createBrowserRouter,
|
|
RouterProvider,
|
|
// useLoaderData,
|
|
} from 'react-router-dom';
|
|
|
|
import { KartaPage } from './KartaPage';
|
|
import { Landing } from './Landing';
|
|
import { Article } from './Article';
|
|
import { HeaderSimple } from './Header';
|
|
import { FooterLinks } from './Footer';
|
|
import headerLinks from './assets/header.json';
|
|
import footerLinks from './assets/footer.json';
|
|
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
element: <KartaPage />
|
|
},
|
|
{
|
|
path: "/about",
|
|
element: <Landing />
|
|
},
|
|
{
|
|
path: "/article/:id",
|
|
element: <Article />,
|
|
loader: async ({ params }) => {
|
|
return fetch(`http://strapi.litmusmap.ru/api/articles?populate=*&filters[id][$eq]=${params.id}`);
|
|
},
|
|
}
|
|
])
|
|
|
|
function App() {
|
|
|
|
return (
|
|
<Box pos={'absolute'} w={'100%'} top={0}>
|
|
<HeaderSimple links={headerLinks.links} />
|
|
<RouterProvider router={router} />
|
|
<FooterLinks data={footerLinks.data} />
|
|
</Box >
|
|
);
|
|
}
|
|
|
|
export default App
|