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

Update example to use new DataExplorer component

Browse Source
This commit is contained in:
Rising Odegua
2022-02-16 20:23:23 +01:00
parent 9af3fb568c
commit 4bdc29f126
1 changed files with 5 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
examples/dataset-frictionless/pages/index.js
View File

@@ -1,9 +1,9 @@
import React from 'react'
import { import {
KeyInfo,
PlotlyChart, PlotlyChart,
Table, ReadMe,
ReadMe DataExplorer,
} from 'portal' } from 'portal/dist/index.cjs'
import path from 'path' import path from 'path'
import Head from 'next/head' import Head from 'next/head'
import { getDataset } from '../lib/dataset' import { getDataset } from '../lib/dataset'
@@ -34,15 +34,6 @@ export default function Home({ dataset, specs }) {
const descriptor = dataset['descriptor'] const descriptor = dataset['descriptor']
const resources = dataset['resources'] const resources = dataset['resources']
const columns = resources[0].schema.fields.map((field) => {
return {
field: field.name,
headerName: field.name,
flex: 1
}
})
const tableSample = resources[0].sample
return ( return (
<div className="container"> <div className="container">
<Head> <Head>
@@ -80,13 +71,7 @@ export default function Home({ dataset, specs }) {
<h1 className="text-2xl font-bold mb-4">Data Preview</h1> <h1 className="text-2xl font-bold mb-4">Data Preview</h1>
<div className='ml-3'> <div className='ml-3'>
<h2 className="text-1xl">{descriptor.title}</h2> <h2 className="text-1xl">{descriptor.title}</h2>
{resources[0].sample ? ( <DataExplorer resources={resources} />
<div >
<Table columns={columns} data={tableSample} />
</div>
) : (
'No preview is available for this dataset'
)}
</div> </div>
</section> </section>