Moving Refine Form logic from crud lib to implementation

gui/rpk-gui/src/pages/hub/CreateFirm.tsx

@@ -1,6 +1,6 @@
-import { useInvalidateAuthStore } from "@refinedev/core";
+import { useForm, useInvalidateAuthStore } from "@refinedev/core";
 import { CrudForm } from "../../lib/crud/components/crud-form";
-import {empty_user} from "../../providers/auth-provider";
+import { empty_user } from "../../providers/auth-provider";
 
 export const CreateFirm = () => {
   const invalidateAuthStore = useInvalidateAuthStore()
@@ -9,11 +9,19 @@ export const CreateFirm = () => {
     invalidateAuthStore().then();
   }
 
+  const resourceBasePath = "hub/users";
+  const { onFinish } = useForm({
+    resource: `${resourceBasePath}/firms`,
+    action: "create",
+    redirect: "list",
+    onMutationSuccess: data => refreshUser()
+  });
+
   return (
     <CrudForm
-      schemaName={"FirmCreate"}
-      resource={"hub/users/firms/"}
-      onSuccess={() => { refreshUser() }}
+      schemaName={"Firm"}
+      resourceBasePath={resourceBasePath}
+      onSubmit={(data: any) => onFinish(data)}
     />
   )
 }