Improving props drilling for resources and resources path

gui/rpk-gui/src/lib/crud/components/crud-form.tsx

@@ -7,11 +7,13 @@ import { useForm } from "@refinedev/core";
 import CrudTextWidget from "./widgets/crud-text-widget";
 import UnionEnumField from "./fields/union-enum";
 import { CircularProgress } from "@mui/material";
+import { ResourceContext } from "../contexts/ResourceContext";
 
 type CrudFormProps = {
   schemaName: string,
   uiSchema?: UiSchema,
   resource: string,
+  resourceBasePath?: string,
   id?: string,
   //onSubmit: (data: IChangeEvent, event: FormEvent<any>) => void
   onSuccess?: (data: any) => void
@@ -26,9 +28,9 @@ const customFields: RegistryFieldsType = {
 }
 
 export const CrudForm: React.FC<CrudFormProps> = (props) => {
-  const { schemaName, uiSchema, resource, id, onSuccess } = props;
+  const { schemaName, uiSchema, resourceBasePath="" ,resource, id, onSuccess } = props;
   const { onFinish, query, formLoading } = useForm({
-    resource: resource,
+    resource: `${resourceBasePath}/${resource}`,
     action: id === undefined ? "create" : "edit",
     redirect: "show",
     id,
@@ -61,16 +63,18 @@ export const CrudForm: React.FC<CrudFormProps> = (props) => {
   }
 
   return (
-    <Form
-      schema={schema}
-      uiSchema={uiSchema === undefined ? {} : uiSchema}
-      formData={record}
-      onChange={(e) => setFormData(e.formData)}
-      onSubmit={(e) => onFinish(e.formData)}
-      validator={validator}
-      omitExtraData={true}
-      widgets={customWidgets}
-      fields={customFields}
-    />
+    <ResourceContext.Provider value={{basePath: resourceBasePath}} >
+      <Form
+        schema={schema}
+        uiSchema={uiSchema === undefined ? {} : uiSchema}
+        formData={record}
+        onChange={(e) => setFormData(e.formData)}
+        onSubmit={(e) => onFinish(e.formData)}
+        validator={validator}
+        omitExtraData={true}
+        widgets={customWidgets}
+        fields={customFields}
+      />
+    </ResourceContext.Provider>
   )
 }

gui/rpk-gui/src/lib/crud/contexts/ResourceContext.tsx

@@ -0,0 +1,9 @@
+import React, { createContext, PropsWithChildren } from 'react';
+
+type ResourceContextType = {
+  basePath: string,
+}
+
+export const ResourceContext = createContext<ResourceContextType>(
+  {} as ResourceContextType
+);