Fix simple example

marmelab · Dec 7, 2020 · 963a37b · 963a37b
1 parent 1a83090
commit 963a37b
Showing 1 changed file with 58 additions and 53 deletions.
diff --git a/examples/simple/src/comments/CommentEdit.js b/examples/simple/src/comments/CommentEdit.js
@@ -6,6 +6,7 @@ import {
     AutocompleteInput,
     DateInput,
     EditActions,
+    EditContextProvider,
     useEditController,
     Link,
     ReferenceInput,
@@ -43,71 +44,75 @@ const inputText = record => `${record.title} - ${record.id}`;
 
 const CommentEdit = props => {
     const classes = useEditStyles();
+    const controllerProps = useEditController(props);
     const {
         resource,
         record,
         redirect,
         save,
         basePath,
         version,
-    } = useEditController(props);
+    } = controllerProps;
     return (
-        <div className="edit-page">
-            <Title defaultTitle={`Comment #${record ? record.id : ''}`} />
-            <div className={classes.actions}>
-                <EditActions
-                    basePath={basePath}
-                    resource={resource}
-                    data={record}
-                    hasShow
-                    hasList
-                />
-            </div>
-            <Card className={classes.card}>
-                {record && (
-                    <SimpleForm
+        <EditContextProvider value={controllerProps}>
+            <div className="edit-page">
+                <Title defaultTitle={`Comment #${record ? record.id : ''}`} />
+                <div className={classes.actions}>
+                    <EditActions
                         basePath={basePath}
-                        redirect={redirect}
                         resource={resource}
-                        record={record}
-                        save={save}
-                        version={version}
-                    >
-                        <TextInput disabled source="id" fullWidth />
-                        <ReferenceInput
-                            source="post_id"
-                            reference="posts"
-                            perPage={15}
-                            sort={{ field: 'title', order: 'ASC' }}
-                            fullWidth
+                        data={record}
+                        hasShow
+                        hasList
+                    />
+                </div>
+                <Card className={classes.card}>
+                    {record && (
+                        <SimpleForm
+                            basePath={basePath}
+                            redirect={redirect}
+                            resource={resource}
+                            record={record}
+                            save={save}
+                            version={version}
                         >
-                            <AutocompleteInput
-                                matchSuggestion={(filterValue, suggestion) =>
-                                    true
-                                }
-                                optionText={<OptionRenderer />}
-                                inputText={inputText}
-                                options={{ fullWidth: true }}
-                            />
-                        </ReferenceInput>
+                            <TextInput disabled source="id" fullWidth />
+                            <ReferenceInput
+                                source="post_id"
+                                reference="posts"
+                                perPage={15}
+                                sort={{ field: 'title', order: 'ASC' }}
+                                fullWidth
+                            >
+                                <AutocompleteInput
+                                    matchSuggestion={(
+                                        filterValue,
+                                        suggestion
+                                    ) => true}
+                                    optionText={<OptionRenderer />}
+                                    inputText={inputText}
+                                    options={{ fullWidth: true }}
+                                />
+                            </ReferenceInput>
 
-                        <LinkToRelatedPost />
-                        <TextInput
-                            source="author.name"
-                            validate={minLength(10)}
-                            fullWidth
-                        />
-                        <DateInput source="created_at" fullWidth />
-                        <TextInput
-                            source="body"
-                            validate={minLength(10)}
-                            fullWidth={true}
-                            multiline={true}
-                        />
-                    </SimpleForm>
-                )}
-            </Card>
-        </div>
+                            <LinkToRelatedPost />
+                            <TextInput
+                                source="author.name"
+                                validate={minLength(10)}
+                                fullWidth
+                            />
+                            <DateInput source="created_at" fullWidth />
+                            <TextInput
+                                source="body"
+                                validate={minLength(10)}
+                                fullWidth={true}
+                                multiline={true}
+                            />
+                        </SimpleForm>
+                    )}
+                </Card>
+            </div>
+        </EditContextProvider>
     );
 };