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}
+
+ { record.created_at && - {t("resource.created_at")}: {record.created_at} {t("resource.created_at")}: {record.created_by}
}
+ { record.updated_at && - {t("resource.updated_at")}: {record.updated_at} {t("resource.updated_by")}: {record.updated_by}
}
+
+ >
+ )
+}
+
+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 (
<>
+