From 35376216c6d2b0228364572f3b5ef9e2f22d601a Mon Sep 17 00:00:00 2001
From: Francois Zaninotto <fzaninotto@gmail.com>
Date: Sat, 3 Sep 2016 23:30:54 +0200
Subject: [PATCH] Reverted example to use <ReferenceManyDatagridField> for
 posts

---
 example/posts.js                    | 14 ++++++++------
 src/mui/field/ReferenceManyField.js |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/example/posts.js b/example/posts.js
index 9bc9e91c994..201a691dee5 100644
--- a/example/posts.js
+++ b/example/posts.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { List, Filter, Edit, Create, ChipField, DateField, TextField, EditButton, Labeled, DisabledInput, TextInput, LongTextInput, DateInput, ReferenceManyField } from 'admin-on-rest/mui';
+import { List, Filter, Edit, Create, DateField, TextField, EditButton, Labeled, DisabledInput, TextInput, LongTextInput, DateInput, ReferenceManyDatagridField } from 'admin-on-rest/mui';
 
 export PostIcon from 'material-ui/svg-icons/action/book';
 
@@ -28,16 +28,18 @@ const PostTitle = ({ record }) => {
 export const PostEdit = (props) => (
     <Edit title={PostTitle} {...props}>
         <DisabledInput label="Id" source="id" />
-        <Labeled label="Comments">
-            <ReferenceManyField reference="comments" target="post_id">
-                <ChipField source="created_at" />
-            </ReferenceManyField>
-        </Labeled>
         <TextInput label="Title" source="title" />
         <TextInput label="Teaser" source="teaser" options={{ multiLine: true }} />
         <LongTextInput label="Body" source="body" />
         <DateInput label="Publication date" source="published_at" />
         <TextInput label="Average note" source="average_note" />
+        <Labeled label="Comments">
+            <ReferenceManyDatagridField reference="comments" target="post_id">
+                <TextField source="body" />
+                <DateField source="created_at" />
+                <EditButton />
+            </ReferenceManyDatagridField>
+        </Labeled>
         <DisabledInput label="Nb views" source="views" />
     </Edit>
 );
diff --git a/src/mui/field/ReferenceManyField.js b/src/mui/field/ReferenceManyField.js
index 5110c1df3e9..8c23e9e1433 100644
--- a/src/mui/field/ReferenceManyField.js
+++ b/src/mui/field/ReferenceManyField.js
@@ -35,7 +35,7 @@ export class ReferenceManyField extends Component {
             <LinearProgress style={{ marginTop: '1em' }} /> :
             <div style={{ display: 'flex', flexWrap: 'wrap' }}>
                 {Object.keys(referenceRecords).map(index => {
-                    const props = { ...children.props, record: referenceRecords[index], resource, basePath: referenceBasePath };
+                    const props = { ...children.props, key: index, record: referenceRecords[index], resource, basePath: referenceBasePath };
                     return <children.type {...props} />;
                 })}
             </div>;