2021-11-13 20:26:18 +00:00
|
|
|
import SubPanel from "components/Panels/SubPanel";
|
2022-01-03 02:40:54 +00:00
|
|
|
import NavOption from "components/PanelComponents/NavOption";
|
2022-01-01 02:31:55 +00:00
|
|
|
import { applyCustomAppProps } from "pages/_app";
|
2022-01-03 02:40:54 +00:00
|
|
|
import PanelHeader from "components/PanelComponents/PanelHeader";
|
2022-02-12 10:02:22 +00:00
|
|
|
import MainPanel from "components/Panels/MainPanel";
|
|
|
|
import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
|
|
|
|
import { GetStaticProps } from "next";
|
|
|
|
import { getWebsiteInterface } from "graphql/operations";
|
2021-11-06 16:47:20 +00:00
|
|
|
|
2022-01-01 02:31:55 +00:00
|
|
|
applyCustomAppProps(Chronology, {
|
|
|
|
useSubPanel: true,
|
|
|
|
useContentPanel: false,
|
|
|
|
});
|
|
|
|
|
2022-02-12 10:02:22 +00:00
|
|
|
type Props = {
|
|
|
|
langui: GetWebsiteInterfaceQuery;
|
|
|
|
};
|
|
|
|
|
|
|
|
export default function Chronology(props: Props): JSX.Element {
|
|
|
|
const langui = props.langui.websiteInterfaces.data[0].attributes;
|
2021-11-06 16:47:20 +00:00
|
|
|
return (
|
|
|
|
<>
|
2022-02-12 10:02:22 +00:00
|
|
|
<MainPanel langui={langui} />
|
2021-11-06 16:47:20 +00:00
|
|
|
<SubPanel>
|
2022-01-03 02:40:54 +00:00
|
|
|
<PanelHeader
|
|
|
|
icon="watch_later"
|
2022-02-12 10:02:22 +00:00
|
|
|
title={langui.main_chronology}
|
|
|
|
description={langui.chronology_description}
|
2022-01-03 02:40:54 +00:00
|
|
|
/>
|
2021-11-07 19:17:54 +00:00
|
|
|
|
2021-11-13 20:26:18 +00:00
|
|
|
<NavOption
|
|
|
|
url="/chronology/timelines"
|
2022-02-12 10:02:22 +00:00
|
|
|
title={langui.chronology_timelines}
|
|
|
|
subtitle={langui.chronology_timelines_description}
|
2021-11-07 19:17:54 +00:00
|
|
|
border={true}
|
|
|
|
/>
|
|
|
|
|
2021-11-13 20:26:18 +00:00
|
|
|
<NavOption
|
|
|
|
url="/chronology/overview"
|
2022-02-12 10:02:22 +00:00
|
|
|
title={langui.chronology_overview}
|
|
|
|
subtitle={langui.chronology_overview_description}
|
2021-11-07 19:17:54 +00:00
|
|
|
border={true}
|
|
|
|
/>
|
|
|
|
|
2021-11-13 20:26:18 +00:00
|
|
|
<NavOption
|
|
|
|
url="/chronology/walkthrough"
|
2022-02-12 10:02:22 +00:00
|
|
|
title={langui.chronology_walkthrough}
|
|
|
|
subtitle={langui.chronology_walkthrough_description}
|
2021-11-07 19:17:54 +00:00
|
|
|
border={true}
|
|
|
|
/>
|
2021-11-06 16:47:20 +00:00
|
|
|
</SubPanel>
|
|
|
|
</>
|
2021-11-13 20:26:18 +00:00
|
|
|
);
|
2022-01-01 02:31:55 +00:00
|
|
|
}
|
2022-02-12 10:02:22 +00:00
|
|
|
|
|
|
|
export const getStaticProps: GetStaticProps = async (context) => {
|
|
|
|
if (context.locale) {
|
|
|
|
const props: Props = {
|
|
|
|
langui: await getWebsiteInterface({
|
|
|
|
language_code: context.locale,
|
|
|
|
}),
|
|
|
|
};
|
|
|
|
return {
|
|
|
|
props: props,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
return { props: {} };
|
|
|
|
};
|