evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project: move Calculation layout to page

Browse Source
This commit is contained in:
Chika 2022-06-23 15:51:12 +03:00
parent 8ae1233d3c
commit f4f66ebca4
2 changed files with 34 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
Components/Calculation/index.js
View File

@ -1,37 +1,3 @@
import styled from 'styled-components';
import { Box } from 'UIKit/grid';
import { min } from 'UIKit/mq';
import Form from './Form';
import Results from './Results';
import Settings from './Settings';
const Grid = styled(Box)`
display: flex;
flex-direction: column;
gap: 10px;
${min('laptop')} {
display: grid;
align-items: flex-start;
grid-template-columns: 2fr 1fr;
}
${min('desktop')} {
grid-template-columns: 2fr 1fr 1.5fr;
margin: 8px 5%;
}
${min('desktop-xl')} {
margin: 8px 10%;
}
`;
export default function Calculation() {
return (
<Grid>
<Form />
<Settings />
<Results />
</Grid>
);
}
export { default as Form } from './Form';
export { default as Results } from './Results';
export { default as Settings } from './Settings';

36
pages/index.tsx
View File

@ -1,24 +1,50 @@
import initializeApollo from 'apollo/client';
import Calculation from 'Components/Calculation';
import * as Calculation from 'Components/Calculation';
import * as insuranceTableConfig from 'config/tables/insurance-table';
import type { GetServerSideProps } from 'next';
import Head from 'next/head';
import { fetchUser } from 'services/user';
import styled from 'styled-components';
import type { BasePageProps } from 'types/page';
import { Box } from 'UIKit/grid';
import { min } from 'UIKit/mq';
type PageProps = BasePageProps;
const Grid = styled(Box)`
display: flex;
flex-direction: column;
gap: 10px;
${min('laptop')} {
display: grid;
align-items: flex-start;
grid-template-columns: 2fr 1fr;
}
${min('desktop')} {
grid-template-columns: 2fr 1fr 1.5fr;
margin: 8px 5%;
}
${min('desktop-xl')} {
margin: 8px 10%;
}
`;
function Home() {
return (
<>
<Grid>
<Head>
<title>Лизинговый калькулятор - Эволюция</title>
</Head>
<Calculation />
</>
<Calculation.Form />
<Calculation.Settings />
<Calculation.Results />
</Grid>
);
}
type PageProps = BasePageProps;
export const getServerSideProps: GetServerSideProps<PageProps> = async (ctx) => {
const user = await fetchUser({
headers: ctx?.req?.headers?.cookie