Moved frontend to separate folder, added basic user context and user page

This commit is contained in:
2020-11-28 20:01:35 +05:00
parent da8a37dfbd
commit 452518f898
27 changed files with 382 additions and 50 deletions

18
front/pages/_app.tsx Normal file
View 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;

View 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
View 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;