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