337d4a8186
What is currently packages/portal is example of a running portal and should move to examples (it will get replaced by an actual portal lib soon).
71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
import { GetServerSideProps } from 'next';
|
|
import Head from 'next/head';
|
|
import { initializeApollo } from '../lib/apolloClient';
|
|
import Nav from '../components/home/Nav';
|
|
import Recent from '../components/home/Recent';
|
|
import Form from '../components/search/Form';
|
|
import { SEARCH_QUERY } from '../graphql/queries';
|
|
import { loadNamespaces } from './_app';
|
|
import useTranslation from 'next-translate/useTranslation';
|
|
|
|
const Home: React.FC<{ locale: any; locales: any }> = ({
|
|
locale,
|
|
locales,
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<>
|
|
<div className="container mx-auto">
|
|
<Head>
|
|
<title>{t(`common:title`)}</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
<Nav />
|
|
<section className="flex justify-center items-center flex-col mt-8 mx-4 lg:flex-row">
|
|
<div>
|
|
<h1 className="text-4xl mb-3 font-thin">
|
|
Find, Share and Publish <br /> Quality Data with{' '}
|
|
<span className="text-orange-500">Datahub</span>
|
|
</h1>
|
|
<p className="text-md font-light mb-3 w-4/5">
|
|
{t(`common:description`)}
|
|
</p>
|
|
<Form />
|
|
</div>
|
|
<div className="mt-4">
|
|
<img src="/images/banner.svg" className="w-4/5" alt="banner_img" />
|
|
</div>
|
|
</section>
|
|
<Recent />
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export const getServerSideProps: GetServerSideProps = async ({
|
|
locale,
|
|
locales,
|
|
}) => {
|
|
const apolloClient = initializeApollo();
|
|
|
|
await apolloClient.query({
|
|
query: SEARCH_QUERY,
|
|
variables: {
|
|
sort: 'metadata_created desc',
|
|
rows: 3,
|
|
},
|
|
});
|
|
|
|
return {
|
|
props: {
|
|
initialApolloState: apolloClient.cache.extract(),
|
|
_ns: await loadNamespaces(['common'], locale),
|
|
locale,
|
|
locales,
|
|
},
|
|
};
|
|
};
|
|
|
|
export default Home;
|