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}

+
    +
  • Entitées
  • +
+ + ); }