Prefilled drafts

gui/rpk-gui/src/pages/firm/base-page/Edit.tsx

@@ -1,8 +1,12 @@
-import { CrudForm } from "../../../lib/crud/components/crud-form";
 import { UiSchema } from "@rjsf/utils";
 import { useParams } from "react-router";
 import { useContext } from "react";
+import { Button } from "@mui/material";
+import DeleteIcon from '@mui/icons-material/Delete';
+import SaveIcon from '@mui/icons-material/Save';
 import { FirmContext } from "../../../contexts/FirmContext";
+import { CrudForm } from "../../../lib/crud/components/crud-form";
+import Stack from "@mui/material/Stack";
 
 type EditProps = {
   resource: string,
@@ -17,13 +21,26 @@ const Edit = <T,>(props: EditProps) => {
   const { record_id } = useParams();
 
   return (
-    <CrudForm
-      schemaName={schemaName}
-      uiSchema={uiSchema}
-      resourceBasePath={resourceBasePath}
-      resource={resource}
-      id={record_id}
-      />
+    <>
+      <CrudForm
+        schemaName={schemaName}
+        uiSchema={uiSchema}
+        resourceBasePath={resourceBasePath}
+        resource={resource}
+        id={record_id}
+      >
+        <Stack
+          direction="row"
+          spacing={2}
+          sx={{
+            justifyContent: "space-between",
+            alignItems: "center",
+          }}>
+          <Button variant="contained" size="large"><SaveIcon /></Button>
+          <Button variant="contained" size="large" color="error"><DeleteIcon /></Button>
+        </Stack>
+      </CrudForm>
+    </>
   )
 }