Moved frontend to separate folder, added basic user context and user page
This commit is contained in:
18
front/pages/_app.tsx
Normal file
18
front/pages/_app.tsx
Normal file
@ -0,0 +1,18 @@
|
||||
import React from "react";
|
||||
|
||||
import "styles/globals.css";
|
||||
import Layout from "layouts/MainLayout";
|
||||
import EmptyLayout from "layouts/EmptyLayout";
|
||||
|
||||
function MyApp({ Component, pageProps }) {
|
||||
const ComponentLayout = Component.Layout || EmptyLayout;
|
||||
return (
|
||||
<Layout>
|
||||
<ComponentLayout>
|
||||
<Component {...pageProps} />
|
||||
</ComponentLayout>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
export default MyApp;
|
39
front/pages/routes/[id].tsx
Normal file
39
front/pages/routes/[id].tsx
Normal file
@ -0,0 +1,39 @@
|
||||
import React from "react";
|
||||
import { YMaps, Map, Placemark } from "react-yandex-maps";
|
||||
import { RouteT } from "types/main";
|
||||
|
||||
const route: RouteT = {
|
||||
id: 0,
|
||||
length: 10,
|
||||
name: "Тест",
|
||||
averageTime: 10,
|
||||
startCoordinates: {
|
||||
latitude: 10,
|
||||
longitude: 10,
|
||||
},
|
||||
};
|
||||
|
||||
const Route: React.FC = () => {
|
||||
return (
|
||||
<YMaps>
|
||||
<Map
|
||||
defaultState={{
|
||||
center: [
|
||||
route.startCoordinates.latitude,
|
||||
route.startCoordinates.longitude,
|
||||
],
|
||||
zoom: 14,
|
||||
}}
|
||||
>
|
||||
<Placemark
|
||||
geometry={[
|
||||
route.startCoordinates.latitude,
|
||||
route.startCoordinates.longitude,
|
||||
]}
|
||||
/>
|
||||
</Map>
|
||||
</YMaps>
|
||||
);
|
||||
};
|
||||
|
||||
export default Route;
|
31
front/pages/user.tsx
Normal file
31
front/pages/user.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
import UserLayout from "layouts/UserLayout";
|
||||
import { UserContext } from "context/user";
|
||||
import React, { useContext } from "react";
|
||||
import RouteView from "components/User/RouteView";
|
||||
import { RouteT } from "types/main";
|
||||
|
||||
const routes: RouteT[] = [
|
||||
{
|
||||
id: 0,
|
||||
name: "Пешком",
|
||||
length: 100,
|
||||
averageTime: 100,
|
||||
startCoordinates: {
|
||||
latitude: 60.977313,
|
||||
longitude: 69.039326,
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
const User = () => {
|
||||
const { userState, setUserState } = useContext(UserContext);
|
||||
return (
|
||||
<>
|
||||
<RouteView header={"Новые маршруты"} routes={routes} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
User.Layout = UserLayout;
|
||||
|
||||
export default User;
|
Reference in New Issue
Block a user