efd8c85926
* [examples/openspending][m] - added loader + fetching from datapackage - Also added an indexing example * [examples/openspending,home][xl]: removes datasets table, implement dataset cards grid, implement country facet * [examples/openspending,home][m]: add min date and max date facets --------- Co-authored-by: Luccas Mateus de Medeiros Gomes <luccasmmg@gmail.com>
20 lines
502 B
TypeScript
20 lines
502 B
TypeScript
import { Project } from '../lib/project.interface';
|
|
import DatasetCard from './DatasetCard';
|
|
|
|
export default function DatasetsGrid({ datasets }: { datasets: Project[] }) {
|
|
return (
|
|
<ul
|
|
className="grid gap-x-6 gap-y-8 grid-cols-1 sm:grid-cols-2 md:grid-cols-3"
|
|
role="list"
|
|
>
|
|
{datasets.map((dataset, idx) => {
|
|
return (
|
|
<li key={`datasets-grid-item-${idx}`}>
|
|
<DatasetCard dataset={dataset} />
|
|
</li>
|
|
);
|
|
})}
|
|
</ul>
|
|
);
|
|
}
|