diff --git a/pkgs/ui/src/app/access-point/page.tsx b/pkgs/ui/src/app/access-point/page.tsx new file mode 100644 index 0000000..b82cdf9 --- /dev/null +++ b/pkgs/ui/src/app/access-point/page.tsx @@ -0,0 +1,10 @@ +"use client"; + +import {APDummyData, APTableConfig} from "@/mock/ap/data"; +import {RecentActivity} from "@/components/dashboard/activity"; + +export default function AccessPoint() { + return ( + + ) +} \ No newline at end of file diff --git a/pkgs/ui/src/components/dashboard/activity/index.tsx b/pkgs/ui/src/components/dashboard/activity/index.tsx index 7276576..01cf015 100644 --- a/pkgs/ui/src/components/dashboard/activity/index.tsx +++ b/pkgs/ui/src/components/dashboard/activity/index.tsx @@ -1,12 +1,26 @@ -import { DashboardCard } from "@/components/card"; -import { NoDataOverlay } from "@/components/noDataOverlay"; +import {DashboardCard} from "@/components/card"; +import {NoDataOverlay} from "@/components/noDataOverlay"; +import {ReactNode} from "react"; +import CustomTable from "@/components/table"; +import {ICustomTable} from "@/types"; -export const RecentActivity = () => { - return ( - -
- -
-
- ); +interface DashboardCardProps { + title: ReactNode; + data: ReactNode; + configuration: ICustomTable; +} + +export const RecentActivity = (props: DashboardCardProps) => { + const {title, data, configuration} = props; + return ( + + {/*
*/} + {/* */} + {/*
*/} + +
+ +
+
+ ); }; diff --git a/pkgs/ui/src/mock/ap/data.tsx b/pkgs/ui/src/mock/ap/data.tsx new file mode 100644 index 0000000..5af9f32 --- /dev/null +++ b/pkgs/ui/src/mock/ap/data.tsx @@ -0,0 +1,28 @@ +export const APDummyData = [ + { + "entity_name": "C1", + "entity_DID": "did:sov:test:1234", + "network": "Carlo’s Home Network", + "ip_address": "127.0.0.1", + } +] + + +export const APTableConfig = [ + { + key: "entity_name", + label: "Entity name" + }, + { + key: "entity_DID", + label: "Entity DID" + }, + { + key: "network", + label: "Network" + }, + { + key: "ip_address", + label: "IP address" + } +]