Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import React, { useState, useEffect } from "react"
import CardList from "./core/CardList"
interface Idata {
layout?: "row" | "col" | "grid"
size?: "xs" | "base" | "xl"
}
const Data = (props: Idata) => {
const { layout = "row", size = "xs" } = props
const [data, setData] = useState<any[]>([])
useEffect(() => {
setData([
{
name: "Action",
description: "Action description for the Button",
size: "xs",
},
{
name: "Action",
description: "Action description for the Button",
size: "xs",
},
{
name: "Action",
description: "Action description for the Button",
size: "xs",
},
])
// fetch(`${MAPS_URL}&start=0&limit=${limit}`)
// .then((res) => {
// if (!res.ok) {
// throw new Error(res.statusText)
// }
// return res.json()
// })
// .then((response) => {
// const results = response.results
// if (results.length) {
// setData(results)
// }
// })
// .catch((e) => {
// console.log(e)
// })
}, [])
if (!data.length) return null
const dataCards = data.map((data: any) => {
return {
name: data.name,
description: data.description,
// image: `/geoportal/${data.thumbnail}`,
size: size,
// url: `/geoportal/#/context/Admin/${data.id}`,
}
})
return (
<div>
<CardList cards={dataCards} layout={layout} />
</div>
)
}
export default Data