diff --git a/gui/rpk-gui/src/components/Cartouche.tsx b/gui/rpk-gui/src/components/Cartouche.tsx new file mode 100644 index 0000000..404b9a5 --- /dev/null +++ b/gui/rpk-gui/src/components/Cartouche.tsx @@ -0,0 +1,21 @@ +import { useTranslation } from "@refinedev/core"; + +type CartoucheProps = { + record: any +} + +const Cartouche = (props: CartoucheProps) => { + const { record } = props; + const { translate: t } = useTranslation(); + return ( + <> +

{record.label}

+ + + ) +} + +export default Cartouche; diff --git a/gui/rpk-gui/src/pages/firm/base-page/Edit.tsx b/gui/rpk-gui/src/pages/firm/base-page/Edit.tsx index 6b01b94..c0d3a8a 100644 --- a/gui/rpk-gui/src/pages/firm/base-page/Edit.tsx +++ b/gui/rpk-gui/src/pages/firm/base-page/Edit.tsx @@ -8,8 +8,7 @@ import { useForm } from "@refinedev/core"; import { DeleteButton } from "@refinedev/mui"; import { FirmContext } from "../../../contexts/FirmContext"; import { CrudForm } from "../../../lib/crud/components/crud-form"; -import Stack from "@mui/material/Stack"; -import { DeleteButton } from "@refinedev/mui"; +import Cartouche from "../../../components/Cartouche"; type EditProps = { resource: string, @@ -41,6 +40,7 @@ const Edit = (props: EditProps) => { const record = query.data.data; return ( <> +