112 lines
2.7 KiB
JavaScript
112 lines
2.7 KiB
JavaScript
import initializeApollo from '@/apollo/client';
|
|
import * as Calculation from '@/Components/Calculation';
|
|
import { Notification } from '@/Components/Common';
|
|
import { Error } from '@/Components/Common/Error';
|
|
import { NavigationBar, Tabs } from '@/Components/Layout/Navigation';
|
|
import { NavigationProvider } from '@/context/navigation';
|
|
import * as hooks from '@/process/hooks';
|
|
import { Media } from '@/styles/media';
|
|
import { getPageTitle } from '@/utils/page';
|
|
import { makeGetUserType } from '@/utils/user';
|
|
import { dehydrate, QueryClient } from '@tanstack/react-query';
|
|
import Head from 'next/head';
|
|
|
|
export const tabs = [
|
|
{
|
|
Component: Calculation.Form,
|
|
key: 'form',
|
|
title: 'Параметры',
|
|
},
|
|
{
|
|
Component: Calculation.Settings,
|
|
key: 'settings',
|
|
title: 'Интерес/Расчет',
|
|
},
|
|
{
|
|
Component: Calculation.Output,
|
|
key: 'output',
|
|
title: 'Результаты',
|
|
},
|
|
];
|
|
|
|
export function Content({ initHooks, title }) {
|
|
initHooks();
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>{getPageTitle(title)}</title>
|
|
</Head>
|
|
<Notification />
|
|
<Media lessThan="laptop">
|
|
<NavigationProvider>
|
|
<Tabs tabs={tabs} />
|
|
<NavigationBar />
|
|
</NavigationProvider>
|
|
</Media>
|
|
<Media greaterThanOrEqual="laptop">
|
|
<Calculation.Layout>
|
|
{tabs.map(({ Component, key }) => (
|
|
<Component key={key} />
|
|
))}
|
|
</Calculation.Layout>
|
|
</Media>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default function Page(props) {
|
|
if (props.statusCode !== 200) return <Error {...props} />;
|
|
|
|
return (
|
|
<Content
|
|
initHooks={() => {
|
|
hooks.useSentryScope();
|
|
hooks.useMainData();
|
|
hooks.useInsuranceData();
|
|
hooks.useReactions();
|
|
}}
|
|
/>
|
|
);
|
|
}
|
|
|
|
/** @type {import('next').GetServerSideProps} */
|
|
export async function getServerSideProps({ req }) {
|
|
const { cookie = '' } = req.headers;
|
|
|
|
const queryClient = new QueryClient();
|
|
const apolloClient = initializeApollo(null, req.headers);
|
|
const getUserType = makeGetUserType({ apolloClient, queryClient });
|
|
|
|
try {
|
|
const user = await getUserType({ cookie });
|
|
|
|
if (!user.default) {
|
|
return {
|
|
props: {
|
|
initialQueryState: dehydrate(queryClient),
|
|
statusCode: 403,
|
|
},
|
|
};
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
calculation: {},
|
|
initialApolloState: apolloClient.cache.extract(),
|
|
initialQueryState: dehydrate(queryClient),
|
|
statusCode: 200,
|
|
user,
|
|
},
|
|
};
|
|
} catch (error) {
|
|
return {
|
|
props: {
|
|
error: JSON.stringify(error),
|
|
initialQueryState: dehydrate(queryClient),
|
|
statusCode: 500,
|
|
},
|
|
};
|
|
}
|
|
}
|