diff --git a/gui/rpk-gui/src/pages/firm/EntityRoutes.tsx b/gui/rpk-gui/src/pages/firm/EntityRoutes.tsx
index 0415d3f..09b47ac 100644
--- a/gui/rpk-gui/src/pages/firm/EntityRoutes.tsx
+++ b/gui/rpk-gui/src/pages/firm/EntityRoutes.tsx
@@ -3,14 +3,26 @@ import React, { useContext } from "react";
import { FirmContext } from "../../contexts/FirmContext";
import List from "./base-page/List";
+type Entity = {
+ id: string,
+ label: string,
+ entity_data: { type: string },
+}
+
export const EntityRoutes = () => {
- const { currentFirm } = useContext(FirmContext);
return (
- <>
-
- } />
-
- >
+
+ } />
+
);
+}
+
+const ListEntity = () => {
+ const { currentFirm } = useContext(FirmContext);
+ const columns = [
+ { field: "label", headerName: "Label", flex: 1 },
+ { field: "entity_data", headerName: "Type", flex: 1, valueFormatter: ({ type }: {type: string}) => type }
+ ];
+ return resource={`firm/${currentFirm.instance}/${currentFirm.firm}/entities/`} columns={columns} />
}
\ No newline at end of file
diff --git a/gui/rpk-gui/src/pages/firm/base-page/List.tsx b/gui/rpk-gui/src/pages/firm/base-page/List.tsx
index cef1ea3..cd34c97 100644
--- a/gui/rpk-gui/src/pages/firm/base-page/List.tsx
+++ b/gui/rpk-gui/src/pages/firm/base-page/List.tsx
@@ -1,21 +1,28 @@
import { UiSchema } from "@rjsf/utils";
-import { List as RefineList } from "@refinedev/mui";
-import { DataGrid } from "@mui/x-data-grid";
+import { List as RefineList, useDataGrid } from "@refinedev/mui";
+import { DataGrid, GridColDef, GridValidRowModel } from "@mui/x-data-grid";
+import React from "react";
-type ListProps = {
+type ListProps = {
resource: string,
+ columns: GridColDef[],
schemaName?: string,
uiSchema?: UiSchema,
}
-const List = (props: ListProps) => {
- const { schemaName, resource, uiSchema } = props;
+const List = (props: ListProps) => {
+ const { schemaName, resource, uiSchema, columns } = props;
+ const { dataGridProps } = useDataGrid({resource: resource});
+ const cols = React.useMemo[]>(
+ () => columns,
+ [],
+ );
return (
-
+
)
}
diff --git a/gui/rpk-gui/src/pages/firm/index.tsx b/gui/rpk-gui/src/pages/firm/index.tsx
index 27512e7..86e7b67 100644
--- a/gui/rpk-gui/src/pages/firm/index.tsx
+++ b/gui/rpk-gui/src/pages/firm/index.tsx
@@ -1,4 +1,4 @@
-import {Route, Routes} from "react-router";
+import { Route, Routes, Link } from "react-router";
import React, { useContext } from "react";
import { FirmContext, FirmContextProvider } from "../../contexts/FirmContext";
import { Header } from "../../components";
@@ -38,7 +38,13 @@ const FirmHome = () => {
}
return (
- This is la firme {currentFirm.instance} / {currentFirm.firm}
+ <>
+ This is la firme {currentFirm.instance} / {currentFirm.firm}
+
+ >
+
);
}