feat: crudModule - form title customization

conceptadev · Sep 10, 2024 · 1cde439 · 1cde439
1 parent def342a
commit 1cde439
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 14 deletions.
diff --git a/packages/react-material-ui/src/components/submodules/DrawerForm/index.tsx b/packages/react-material-ui/src/components/submodules/DrawerForm/index.tsx
@@ -109,6 +109,19 @@ const DrawerFormSubmodule = (props: FormSubmoduleProps) => {
     ...widgets,
   };
 
+  const title = () => {
+    if (formSchema?.title) {
+      return formSchema.title;
+    }
+    if (viewMode === 'creation') {
+      return 'Add Data';
+    }
+    if (viewMode === 'edit') {
+      return 'Edit Data';
+    }
+    return 'View Data';
+  };
+
   return (
     <Drawer open={isVisible} anchor="right">
       <Box
@@ -120,11 +133,7 @@ const DrawerFormSubmodule = (props: FormSubmoduleProps) => {
         ml={1}
       >
         <Typography variant="h5" sx={{ marginLeft: 3, fontSize: '20px' }}>
-          {viewMode === 'creation'
-            ? 'Add Data'
-            : viewMode === 'edit'
-            ? 'Edit Data'
-            : 'View Data'}
+          {title()}
         </Typography>
         <IconButton
           aria-label="close"

diff --git a/packages/react-material-ui/src/components/submodules/ModalForm/index.tsx b/packages/react-material-ui/src/components/submodules/ModalForm/index.tsx
@@ -105,15 +105,22 @@ const ModalFormSubmodule = (props: FormSubmoduleProps) => {
     ...widgets,
   };
 
+  const title = () => {
+    if (formSchema?.title) {
+      return formSchema.title;
+    }
+    if (viewMode === 'creation') {
+      return 'Add Data';
+    }
+    if (viewMode === 'edit') {
+      return 'Edit Data';
+    }
+    return 'View Data';
+  };
+
   return (
     <Dialog open={isVisible} maxWidth="md" fullWidth onClose={onClose}>
-      <DialogTitle>
-        {viewMode === 'creation'
-          ? 'Add Data'
-          : viewMode === 'edit'
-          ? 'Edit Data'
-          : 'View Data'}
-      </DialogTitle>
+      <DialogTitle>{title()}</DialogTitle>
       <IconButton
         aria-label="close"
         onClick={onClose}

diff --git a/packages/react-material-ui/src/components/submodules/types/Form.ts b/packages/react-material-ui/src/components/submodules/types/Form.ts
@@ -22,7 +22,6 @@ export type FormSubmoduleProps = PropsWithChildren<
 > & {
   isVisible: boolean;
   queryResource: string;
-  title?: string;
   formSchema?: RJSFSchema;
   viewMode?: Action | null;
   formUiSchema?: UiSchema;

diff --git a/packages/react-material-ui/src/modules/crud/index.tsx b/packages/react-material-ui/src/modules/crud/index.tsx
@@ -281,7 +281,6 @@ const CrudModule = (props: ModuleProps) => {
         {enhancedFormProps && (
           <FormComponent
             isVisible={isFormVisible}
-            title={titleName}
             queryResource={props.resource}
             viewMode={drawerViewMode}
             formData={selectedRow}