Listing entities

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 (
-    <>
-      <Routes>
-        <Route index element={ <List resource={`${currentFirm.instance}/${currentFirm.firm}/entities/`} /> } />
-      </Routes>
-    </>
+    <Routes>
+      <Route index element={ <ListEntity /> } />
+    </Routes>
   );
+}
+
+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 <List<Entity> resource={`firm/${currentFirm.instance}/${currentFirm.firm}/entities/`} columns={columns} />
 }