datahub/pages/search.tsx
Gift Egwuenu 5de8ace421 [setup][s]-setup code formatting with prettier
- add husky and lint-stages for pre-commit hooks
 - format entire codebase using `yarn format`
2020-06-17 13:07:00 +01:00

47 lines
1.3 KiB
TypeScript

import { GetServerSideProps } from 'next';
import querystring from 'querystring';
import config from '../config';
import utils from '../utils';
import Head from 'next/head';
import Nav from '../components/home/Nav';
import Input from '../components/search/Input';
import Total from '../components/search/Total';
import Sort from '../components/search/Sort';
import List from '../components/search/List';
function Search({ ckanResult, datapackages, query }) {
return (
<>
<Head>
<title>Portal | Search</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<Nav />
<main className="p-6">
<Input query={query} />
<Total total={ckanResult.count} />
<Sort />
<List datapackages={datapackages} />
</main>
</>
);
}
export const getServerSideProps: GetServerSideProps = async (context) => {
const query = context.query || {};
const ckanQuery = querystring.stringify(
utils.convertToCkanSearchQuery(query)
);
const res = await fetch(
`${config.get('DMS')}/api/3/action/package_search?${ckanQuery}`
);
const ckanResult = (await res.json()).result;
const datapackages = ckanResult.results.map((item) =>
utils.ckanToDataPackage(item)
);
return { props: { ckanResult, datapackages, query } };
};
export default Search;