@@ -7,53 +7,43 @@ import { Button } from "@/components/ui/button";
77import { GetAllDataSets } from "@/services/datasets" ;
88import AddNewCard from "./AddNewCard" ;
99
10- export const dynamic = ' force-dynamic' ;
10+ export const dynamic = " force-dynamic" ;
1111
1212export default async function Datasets ( ) {
13- const data = await GetAllDataSets ( ) ;
13+ const data = await GetAllDataSets ( ) ;
1414
15- return (
16- < div className = "w-full h-full overflow-y-auto custom-scroll mt-5 px-2 md:px-4" >
17- < h1 className = "text-2xl font-bold dark:text-white mb-10" > Datasets</ h1 >
18- < div className = "grid 2xl:grid-cols-4 xl:grid-cols-3 lg:grid-cols-2 gap-4" >
19- { data ?. datasets ?. map ( ( item ) => (
20- < Card
21- key = { item . id }
22- extra = {
23- "w-full pt-4 px-6 h-full border dark:border-none border-[#ccc] pb-8"
24- }
25- >
26- < header className = "relative flex items-center justify-between" >
27- < div className = "w-full" >
28- < div className = "flex justify-center h-24" >
29- < FaFileCsv size = "4em" key = { 0 } />
30- </ div >
31- < div className = "h-[65px] w-full overflow-hidden" >
32- < AppTooltip text = { item . name } >
33- < h1
34- data-tooltip-id = { `${ item . id } ` }
35- className = "dark:text-white font-bold font-montserrat text-[20px] text-center customellipsis"
36- >
37- { item . name }
38- </ h1 >
39- </ AppTooltip >
40- </ div >
41- </ div >
42- </ header >
43- < div className = "w-full flex flex-wrap items-center justify-center mt-1" >
44- < Link href = { `/settings/datasets/${ item ?. id } ` } >
45- < Button > Details</ Button >
46- </ Link >
47- </ div >
48- </ Card >
49- ) ) }
15+ return (
16+ < div className = "w-full h-full overflow-y-auto custom-scroll mt-5 px-2 md:px-4" >
17+ < h1 className = "text-2xl font-bold dark:text-white mb-10" > Datasets</ h1 >
18+ < div className = "grid 2xl:grid-cols-4 xl:grid-cols-3 lg:grid-cols-2 gap-4" >
19+ { data ?. datasets ?. map ( item => (
20+ < Card key = { item . id } extra = { "w-full pt-4 px-6 h-full border dark:border-none border-[#ccc] pb-8" } >
21+ < header className = "relative flex items-center justify-between" >
22+ < div className = "w-full" >
23+ < div className = "flex justify-center h-24" >
24+ < FaFileCsv size = "4em" key = { 0 } />
25+ </ div >
26+ < div className = "h-[65px] w-full overflow-hidden" >
27+ < AppTooltip text = { item . name } >
28+ < h1 data-tooltip-id = { `${ item . id } ` } className = "dark:text-white font-bold font-montserrat text-[20px] text-center customellipsis" >
29+ { item . name }
30+ </ h1 >
31+ </ AppTooltip >
32+ </ div >
33+ </ div >
34+ </ header >
35+ < div className = "w-full flex flex-wrap items-center justify-center mt-1" >
36+ < Link href = { `/settings/datasets/${ item ?. id } ` } >
37+ < Button > Details</ Button >
38+ </ Link >
39+ </ div >
40+ </ Card >
41+ ) ) }
5042
51- < Link href = { `/settings/datasets/add` } >
52- < AddNewCard text = "New dataset" />
53- </ Link >
54- </ div >
55- </ div >
56- ) ;
43+ < Link href = { `/settings/datasets/add` } >
44+ < AddNewCard text = "New dataset" />
45+ </ Link >
46+ </ div >
47+ </ div >
48+ ) ;
5749}
58- export const dynamic = 'force-dynamic' ;
59-
0 commit comments