accords-library.com/src/pages/chronicles/index.tsx

54 lines
1.8 KiB
TypeScript
Raw Normal View History

2022-07-07 23:42:38 +00:00
import { GetStaticProps } from "next";
import { useMemo } from "react";
import { AppLayout } from "components/AppLayout";
import { PanelHeader } from "components/PanelComponents/PanelHeader";
import { SubPanel } from "components/Panels/SubPanel";
2022-05-08 10:26:36 +00:00
import { AppStaticProps, getAppStaticProps } from "graphql/getAppStaticProps";
2022-05-22 14:24:16 +00:00
import { Icon } from "components/Ico";
/*
*
* PAGE
*/
2022-04-03 08:34:21 +00:00
interface Props extends AppStaticProps {}
const Chronicles = ({ langui, ...otherProps }: Props): JSX.Element => {
2022-06-22 22:39:59 +00:00
const subPanel = useMemo(
() => (
<SubPanel>
<PanelHeader
icon={Icon.WatchLater}
title={langui.chronicles}
description={langui.chronicles_description}
/>
</SubPanel>
),
[langui]
);
2022-06-22 22:39:59 +00:00
return (
<AppLayout
navTitle={langui.chronicles}
subPanel={subPanel}
langui={langui}
{...otherProps}
/>
);
};
export default Chronicles;
/*
*
* NEXT DATA FETCHING
*/
export const getStaticProps: GetStaticProps = async (context) => {
2022-04-03 08:34:21 +00:00
const props: Props = {
...(await getAppStaticProps(context)),
};
return {
props: props,
};
};