generated from Luis/nextjs-python-web-template
49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { NoDataOverlay } from "@/components/noDataOverlay";
|
|
import SummaryDetails from "@/components/summary_card";
|
|
import CustomTable from "@/components/table";
|
|
import { HomeDummyData, HomeTableConfig } from "@/mock/home";
|
|
import { useEffect, useState } from "react";
|
|
|
|
export default function Home() {
|
|
const [homeData, setHomeData] = useState([]);
|
|
|
|
useEffect(() => {
|
|
fetch("http://localhost:2979/api/v1/get_entities", {
|
|
method: "GET",
|
|
// credentials: 'include',
|
|
})
|
|
.then((resp) =>
|
|
resp.json().then((jsonData) => {
|
|
console.log(jsonData);
|
|
jsonData.length > 0
|
|
? setHomeData(jsonData)
|
|
: setHomeData(HomeDummyData);
|
|
}),
|
|
)
|
|
.then()
|
|
.catch();
|
|
}, []);
|
|
|
|
return (
|
|
<div className="m-10">
|
|
<SummaryDetails
|
|
entity={{ name: "Home", details: [] }}
|
|
hasRefreshButton={false}
|
|
hasAttachDetach={false}
|
|
/>
|
|
|
|
<div>
|
|
<h4>Home View Table</h4>
|
|
<CustomTable data={homeData} configuration={HomeTableConfig} />
|
|
</div>
|
|
|
|
<div>
|
|
<h4>Sequence Diagram</h4>
|
|
<NoDataOverlay label="No Activity yet" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|