Fix incorrect documentation of EditInDialogButton.

Author: Madeorsk

docs/EditDialog.md

@@ -423,10 +423,11 @@ import {
     SelectField,
     SelectInput,
     SimpleForm,
+    TextField,
     TextInput,
     useRecordContext,
 } from 'react-admin';
-import { EditDialog } from '@react-admin/ra-form-layout';
+import { CreateDialog } from '@react-admin/ra-form-layout';
 
 const sexChoices = [
     { id: 'male', name: 'Male' },
@@ -445,19 +446,37 @@ const CustomerForm = (props: any) => (
 const EmployerSimpleFormWithFullyControlledDialogs = () => {
     const record = useRecordContext();
 
-    const [isEditDialogOpen, setIsEditDialogOpen] = useState(false);
-    const openEditDialog = useCallback(() => {
-        setIsEditDialogOpen(true);
+    const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+    const openCreateDialog = useCallback(() => {
+        setIsCreateDialogOpen(true);
     }, []);
-    const closeEditDialog = useCallback(() => {
-        setIsEditDialogOpen(false);
+    const closeCreateDialog = useCallback(() => {
+        setIsCreateDialogOpen(false);
     }, []);
 
     return (
         <SimpleForm>
             <TextInput source="name" validate={required()} />
             <TextInput source="address" validate={required()} />
             <TextInput source="city" validate={required()} />
+            <Button
+                label="Create a new customer"
+                onClick={() => openCreateDialog()}
+                size="medium"
+                variant="contained"
+                sx={{ mb: 4 }}
+            />
+            <CreateDialog
+                fullWidth
+                maxWidth="md"
+                record={{ employer_id: record?.id }} // pre-populates the employer_id to link the new customer to the current employer
+                isOpen={isCreateDialogOpen}
+                open={openCreateDialog}
+                close={closeCreateDialog}
+                resource="customers"
+            >
+                <CustomerForm />
+            </CreateDialog>
             <ReferenceManyField
                 label="Customers"
                 reference="customers"
@@ -471,28 +490,8 @@ const EmployerSimpleFormWithFullyControlledDialogs = () => {
                     <DataTable.Col source="sex">
                         <SelectField source="sex" choices={sexChoices} />
                     </DataTable.Col>
-                    <DataTable.Col>
-                        <Button
-                            label="Edit customer"
-                            onClick={() => openEditDialog()}
-                            size="medium"
-                            variant="contained"
-                            sx={{ mb: 4 }}
-                        />
-                    <DataTable.Col>
                 </DataTable>
             </ReferenceManyField>
-            <EditDialog
-                fullWidth
-                maxWidth="md"
-                record={{ employer_id: record?.id }} // pre-populates the employer_id to link the new customer to the current employer
-                isOpen={isEditDialogOpen}
-                open={openEditDialog}
-                close={closeEditDialog}
-                resource="customers"
-            >
-                <CustomerForm />
-            </EditDialog>
         </SimpleForm>
     );
 };

docs/ReferenceManyField.md

@@ -582,18 +582,14 @@ const EmployerEdit = () => (
               <DataTable>
                   <DataTable.Col source="first_name" />
                   <DataTable.Col source="last_name" />
-                  <DataTable.Col
-                      render={record => (
-                          <EditInDialogButton>
-                              <SimpleForm
-                                record={{ employer_id: record.id }}
-                              >
-                                  <TextInput source="first_name" />
-                                  <TextInput source="last_name" />
-                              </SimpleForm>
-                          </EditInDialogButton>
-                      )}
-                  />
+                  <DataTable.Col>
+                      <EditInDialogButton>
+                          <SimpleForm>
+                              <TextInput source="first_name" />
+                              <TextInput source="last_name" />
+                          </SimpleForm>
+                      </EditInDialogButton>
+                  </DataTable.Col>
               </DataTable>
           </ReferenceManyField>
       </SimpleForm>