knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[usecase][m]: experiment i18n on homeage

Browse Source
This commit is contained in:
steveoni
2020-11-25 16:04:52 +01:00
parent e22805bc77
commit 55c6a85180
1 changed files with 43 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/portal/pages/index.tsx
View File

@@ -5,11 +5,20 @@ 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 = () => (
const Home: React.FC<{ locale: any; locales: any }> = ({
locale,
locales,
}) => {
const { t } = useTranslation();
return (
<>
<div className="container mx-auto">
<Head>
<title>Portal</title>
<title>{t`common:title`}</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<Nav />
@@ -20,9 +29,7 @@ const Home: React.FC = () => (
<span className="text-orange-500">Datahub</span>
</h1>
<p className="text-md font-light mb-3 w-4/5">
At Datahub, we have over thousands of datasets for free and a Premium
Data Service for additional or customised data with guaranteed
updates.
{t`common:description`}
</p>
<Form />
</div>
@@ -32,9 +39,14 @@ const Home: React.FC = () => (
</section>
<Recent />
</div>
</>
);
};
export const getServerSideProps: GetServerSideProps = async () => {
export const getServerSideProps: GetServerSideProps = async ({
locale,
locales,
}) => {
const apolloClient = initializeApollo();
await apolloClient.query({
@@ -48,6 +60,9 @@ export const getServerSideProps: GetServerSideProps = async () => {
return {
props: {
initialApolloState: apolloClient.cache.extract(),
_ns: await loadNamespaces(['common'], locale),
locale,
locales,
},
};
};