added Edit Components#1

src/AlbumEdit.tsx

@@ -0,0 +1,11 @@
+import { Edit, ReferenceInput, SimpleForm, TextInput } from 'react-admin';
+
+export const AlbumEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <ReferenceInput source="userId" reference="users" />
+            <TextInput source="id" />
+            <TextInput source="title" />
+        </SimpleForm>
+    </Edit>
+);

src/App.tsx

@@ -8,37 +8,42 @@ import {
 import { Layout } from "./Layout";
 import { dataProvider } from "./dataProvider";
 import {UserList} from "./users.tsx";
+import {UserEdit} from "./UserEdit.tsx";
+import {PostEdit} from "./PostEdit.tsx";
+import {CommentEdit} from "./CommentEdit.tsx";
+import {AlbumEdit} from "./AlbumEdit.tsx";
+import {PhotoEdit} from "./PhotoEdit.tsx"
 
 export const App = () => (
   <Admin layout={Layout} dataProvider={dataProvider}>
     <Resource
       name="users"
       list={UserList}
-      edit={EditGuesser}
+      edit={UserEdit}
       show={ShowGuesser}
       />
     <Resource
         name="posts"
         list={ListGuesser}
-        edit={EditGuesser}
+        edit={PostEdit}
         show={ShowGuesser}
     />
     <Resource
         name="comments"
         list={ListGuesser}
-        edit={EditGuesser}
+        edit={CommentEdit}
         show={ShowGuesser}
     />
     <Resource
         name="albums"
         list={ListGuesser}
-        edit={EditGuesser}
+        edit={AlbumEdit}
         show={ShowGuesser}
     />
     <Resource
         name="photos"
         list={ListGuesser}
-        edit={EditGuesser}
+        edit={PhotoEdit}
         show={ShowGuesser}
     />
   </Admin>

src/CommentEdit.tsx

@@ -0,0 +1,14 @@
+
+import { Edit, ReferenceInput, SimpleForm, TextInput } from 'react-admin';
+
+export const CommentEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <ReferenceInput source="postId" reference="posts" />
+            <TextInput source="id" />
+            <TextInput source="name" />
+            <TextInput source="email" />
+            <TextInput source="body" />
+        </SimpleForm>
+    </Edit>
+);

src/PhotoEdit.tsx

@@ -0,0 +1,14 @@
+
+import { Edit, ReferenceInput, SimpleForm, TextInput } from 'react-admin';
+
+export const PhotoEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <ReferenceInput source="albumId" reference="albums" />
+            <TextInput source="id" />
+            <TextInput source="title" />
+            <TextInput source="url" />
+            <TextInput source="thumbnailUrl" />
+        </SimpleForm>
+    </Edit>
+);

src/PostEdit.tsx

@@ -0,0 +1,13 @@
+
+import { Edit, ReferenceInput, SimpleForm, TextInput } from 'react-admin';
+
+export const PostEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <ReferenceInput source="userId" reference="users" />
+            <TextInput source="id" />
+            <TextInput source="title" />
+            <TextInput source="body" />
+        </SimpleForm>
+    </Edit>
+);

src/UserEdit.tsx

@@ -0,0 +1,16 @@
+import { Edit, SimpleForm, TextInput } from 'react-admin';
+
+export const UserEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <TextInput source="id" />
+            <TextInput source="name" />
+            <TextInput source="username" />
+            <TextInput source="email" />
+            <TextInput source="address.street" />
+            <TextInput source="phone" />
+            <TextInput source="website" />
+            <TextInput source="company.name" />
+        </SimpleForm>
+    </Edit>
+);