Moving Refine Form logic from crud lib to implementation

gui/rpk-gui/src/pages/firm/index.tsx

@@ -1,8 +1,8 @@
 import { Route, Routes, Link } from "react-router";
 import React, { useContext } from "react";
+import { useForm, useOne, useTranslation } from "@refinedev/core";
 import { FirmContext, FirmContextProvider } from "../../contexts/FirmContext";
 import { Header } from "../../components";
-import { useOne } from "@refinedev/core";
 import { CrudForm } from "../../lib/crud/components/crud-form";
 import { IFirm } from "../../interfaces";
 import { EntityRoutes } from "./EntityRoutes";
@@ -34,6 +34,7 @@ export const FirmRoutes = () => {
 const FirmHome = () => {
   const { currentFirm } = useContext(FirmContext);
   const { data: firm, isError, error, isLoading } = useOne({resource: 'firm', id: `${currentFirm.instance}/${currentFirm.firm}/`, errorNotification: false})
+  const { translate: t } = useTranslation();
 
   if (isLoading) {
     return <h1>Loading...</h1>
@@ -64,16 +65,25 @@ type FirmInitFormPros = {
 
 const FirmInitForm = (props: FirmInitFormPros) => {
   const { currentFirm } = props;
+  const { translate: t } = useTranslation();
+  const resourceBasePath = `firm`
+
+  const { onFinish } = useForm({
+    resource: `${resourceBasePath}/${currentFirm.instance}/${currentFirm.firm}`,
+    action: "create",
+    redirect: "show",
+  });
+
   return (
     <>
       <h1>Initialization of {`${currentFirm.instance} / ${currentFirm.firm}`}</h1>
-
       <CrudForm
-        schemaName={"CurrentFirmSchemaCreate"}
-        resource={`firm/${currentFirm.instance}/${currentFirm.firm}/`}
+        schemaName={"CurrentFirmSchema"}
+        resourceBasePath={resourceBasePath}
         uiSchema={{
           corporation: {entity_data: {employees: {"ui:style": {"display": "none"}}}},
         }}
+        onSubmit={(data: any) => onFinish(data)}
       />
     </>
   )