[dataset][l]: functional dataset page.

Mocked page is here: `/@world-bank/gdp`

pages/[org]/[dataset]/index.tsx

@@ -1,3 +1,25 @@
-export default function Dataset() {
-  return <h1>Dataset page</h1>
+import { GetServerSideProps } from 'next'
+import config from '../../../config'
+import utils from '../../../utils'
+import About from '../../../components/dataset/About'
+import Org from '../../../components/dataset/Org'
+import Resources from '../../../components/dataset/Resources'
+
+function Dataset({ datapackage }) {
+  return (
+    <>
+      <About datapackage={datapackage} />
+      <Org org={datapackage.organization} />
+      <Resources resources={datapackage.resources} />
+    </>
+  )
 }
+
+export const getServerSideProps: GetServerSideProps = async (context) => {
+  const res = await fetch(`${config.get('DMS')}/api/3/action/package_show?id=${context.query.dataset}`)
+  const ckanResult = (await res.json()).result
+  const datapackage = utils.ckanToDataPackage(ckanResult)
+  return { props: { datapackage } }
+}
+
+export default Dataset

pages/search.tsx

@@ -23,7 +23,6 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   const ckanQuery = querystring.stringify(
     utils.convertToCkanSearchQuery(query)
   )
-  console.log(ckanQuery)
   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))