From 504332b10577e5fdd18d761edc589ef08c130837 Mon Sep 17 00:00:00 2001
From: Lang <7system7@gmail.com>
Date: Tue, 28 Jan 2025 10:56:05 +0100
Subject: [PATCH] changed the structure a little bit - & add some margin to
 comment's list

---
 src/App.tsx                                   | 70 +++++++------------
 src/Components/AlbumEdit.tsx                  | 11 ---
 src/Components/PostShow.tsx                   | 29 --------
 src/components/AlbumEdit.tsx                  | 11 +++
 .../CommentEdit.tsx                           |  0
 .../CommentShow.tsx                           |  0
 src/{Components => components}/MyAppBar.tsx   |  0
 src/{Components => components}/MyLayout.tsx   |  0
 src/{Components => components}/PhotoEdit.tsx  |  0
 src/{Components => components}/PostEdit.tsx   |  0
 src/{Components => components}/PostList.tsx   |  0
 src/components/PostShow.tsx                   | 31 ++++++++
 .../users}/UserEdit.tsx                       |  0
 .../users}/UserShow.tsx                       |  0
 .../users}/Users.tsx                          |  0
 15 files changed, 69 insertions(+), 83 deletions(-)
 delete mode 100644 src/Components/AlbumEdit.tsx
 delete mode 100644 src/Components/PostShow.tsx
 create mode 100644 src/components/AlbumEdit.tsx
 rename src/{Components => components}/CommentEdit.tsx (100%)
 rename src/{Components => components}/CommentShow.tsx (100%)
 rename src/{Components => components}/MyAppBar.tsx (100%)
 rename src/{Components => components}/MyLayout.tsx (100%)
 rename src/{Components => components}/PhotoEdit.tsx (100%)
 rename src/{Components => components}/PostEdit.tsx (100%)
 rename src/{Components => components}/PostList.tsx (100%)
 create mode 100644 src/components/PostShow.tsx
 rename src/{Components => components/users}/UserEdit.tsx (100%)
 rename src/{Components => components/users}/UserShow.tsx (100%)
 rename src/{Components => components/users}/Users.tsx (100%)

diff --git a/src/App.tsx b/src/App.tsx
index c789ae0..e674cd5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,55 +1,39 @@
-import {
-  Admin,
-  Resource,
-  ListGuesser,
-  //EditGuesser,//
-  ShowGuesser,
-} from "react-admin";
+import { Admin, ListGuesser, Resource, ShowGuesser } from "react-admin";
 //import { Layout } from "./Layout";//
 import { dataProvider } from "./dataProvider";
-import {UserList} from "./Components/Users.tsx";
-import {UserEdit} from "./Components/UserEdit.tsx";
-import {PostEdit} from "./Components/PostEdit.tsx";
-import {CommentEdit} from "./Components/CommentEdit.tsx";
-import {AlbumEdit} from "./Components/AlbumEdit.tsx";
-import {PhotoEdit} from "./Components/PhotoEdit.tsx";
-import {MyLayout} from "./Components/MyLayout.tsx";
-import {UserShow} from "./Components/UserShow.tsx";
-import {CommentShow} from "./Components/CommentShow.tsx";
-import {PostShow} from "./Components/PostShow.tsx";
-import {PostList} from "./Components/PostList.tsx";
+import { UserList } from "./Components/users/Users.tsx";
+import { UserEdit } from "./Components/users/UserEdit.tsx";
+import { PostEdit } from "./Components/PostEdit.tsx";
+import { CommentEdit } from "./Components/CommentEdit.tsx";
+import { AlbumEdit } from "./Components/AlbumEdit.tsx";
+import { PhotoEdit } from "./Components/PhotoEdit.tsx";
+import { MyLayout } from "./Components/MyLayout.tsx";
+import { UserShow } from "./Components/users/UserShow.tsx";
+import { CommentShow } from "./Components/CommentShow.tsx";
+import { PostShow } from "./Components/PostShow.tsx";
+import { PostList } from "./Components/PostList.tsx";
 
 export const App = () => (
   <Admin layout={MyLayout} dataProvider={dataProvider}>
+    <Resource name="users" list={UserList} edit={UserEdit} show={UserShow} />
+    <Resource name="posts" list={PostList} edit={PostEdit} show={PostShow} />
     <Resource
-      name="users"
-      list={UserList}
-      edit={UserEdit}
-      show={UserShow}
-      />
-    <Resource
-        name="posts"
-        list={PostList}
-        edit={PostEdit}
-        show={PostShow}
+      name="comments"
+      list={ListGuesser}
+      edit={CommentEdit}
+      show={CommentShow}
     />
     <Resource
-        name="comments"
-        list={ListGuesser}
-        edit={CommentEdit}
-        show={CommentShow}
+      name="albums"
+      list={ListGuesser}
+      edit={AlbumEdit}
+      show={ShowGuesser}
     />
     <Resource
-        name="albums"
-        list={ListGuesser}
-        edit={AlbumEdit}
-        show={ShowGuesser}
-    />
-    <Resource
-        name="photos"
-        list={ListGuesser}
-        edit={PhotoEdit}
-        show={ShowGuesser}
+      name="photos"
+      list={ListGuesser}
+      edit={PhotoEdit}
+      show={ShowGuesser}
     />
   </Admin>
-);
\ No newline at end of file
+);
diff --git a/src/Components/AlbumEdit.tsx b/src/Components/AlbumEdit.tsx
deleted file mode 100644
index bfb6d69..0000000
--- a/src/Components/AlbumEdit.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-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>
-);
\ No newline at end of file
diff --git a/src/Components/PostShow.tsx b/src/Components/PostShow.tsx
deleted file mode 100644
index 198fcd5..0000000
--- a/src/Components/PostShow.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import {
-  ReferenceManyField,
-  Show,
-  TextField,
-  Datagrid,
-  EmailField,
-  SimpleShowLayout,
-  ReferenceField,
-} from "react-admin";
-
-export const PostShow = () => (
-  <Show>
-    <SimpleShowLayout>
-      <ReferenceField source="userId" reference="users" />
-      <TextField source="id" />
-      <TextField source="title" />
-      <TextField source="body" />
-      <ReferenceManyField target="postId" reference="comments">
-        <Datagrid>
-          <TextField source="postId" />
-          <TextField source="name" />
-          <TextField source="id" />
-          <EmailField source="email" />
-          <TextField source="body" />
-        </Datagrid>
-      </ReferenceManyField>
-    </SimpleShowLayout>
-  </Show>
-);
diff --git a/src/components/AlbumEdit.tsx b/src/components/AlbumEdit.tsx
new file mode 100644
index 0000000..9161706
--- /dev/null
+++ b/src/components/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>
+);
diff --git a/src/Components/CommentEdit.tsx b/src/components/CommentEdit.tsx
similarity index 100%
rename from src/Components/CommentEdit.tsx
rename to src/components/CommentEdit.tsx
diff --git a/src/Components/CommentShow.tsx b/src/components/CommentShow.tsx
similarity index 100%
rename from src/Components/CommentShow.tsx
rename to src/components/CommentShow.tsx
diff --git a/src/Components/MyAppBar.tsx b/src/components/MyAppBar.tsx
similarity index 100%
rename from src/Components/MyAppBar.tsx
rename to src/components/MyAppBar.tsx
diff --git a/src/Components/MyLayout.tsx b/src/components/MyLayout.tsx
similarity index 100%
rename from src/Components/MyLayout.tsx
rename to src/components/MyLayout.tsx
diff --git a/src/Components/PhotoEdit.tsx b/src/components/PhotoEdit.tsx
similarity index 100%
rename from src/Components/PhotoEdit.tsx
rename to src/components/PhotoEdit.tsx
diff --git a/src/Components/PostEdit.tsx b/src/components/PostEdit.tsx
similarity index 100%
rename from src/Components/PostEdit.tsx
rename to src/components/PostEdit.tsx
diff --git a/src/Components/PostList.tsx b/src/components/PostList.tsx
similarity index 100%
rename from src/Components/PostList.tsx
rename to src/components/PostList.tsx
diff --git a/src/components/PostShow.tsx b/src/components/PostShow.tsx
new file mode 100644
index 0000000..bdf0684
--- /dev/null
+++ b/src/components/PostShow.tsx
@@ -0,0 +1,31 @@
+import {
+  Datagrid,
+  EmailField,
+  ReferenceField,
+  ReferenceManyField,
+  Show,
+  SimpleShowLayout,
+  TextField,
+} from 'react-admin';
+import { Box } from '@mui/material';
+
+export const PostShow = () => (
+  <Show>
+    <SimpleShowLayout>
+      <ReferenceField source="userId" reference="users" />
+      <TextField source="id" />
+      <TextField source="title" />
+      <TextField source="body" />
+      <Box sx={{ mt: 5 }}>
+        <ReferenceManyField target="postId" reference="comments" sort={{ field: 'id', order: 'ASC' }}>
+          <Datagrid>
+            <TextField source="id" />
+            <TextField source="name" />
+            <EmailField source="email" />
+            <TextField source="body" />
+          </Datagrid>
+        </ReferenceManyField>
+      </Box>
+    </SimpleShowLayout>
+  </Show>
+);
diff --git a/src/Components/UserEdit.tsx b/src/components/users/UserEdit.tsx
similarity index 100%
rename from src/Components/UserEdit.tsx
rename to src/components/users/UserEdit.tsx
diff --git a/src/Components/UserShow.tsx b/src/components/users/UserShow.tsx
similarity index 100%
rename from src/Components/UserShow.tsx
rename to src/components/users/UserShow.tsx
diff --git a/src/Components/Users.tsx b/src/components/users/Users.tsx
similarity index 100%
rename from src/Components/Users.tsx
rename to src/components/users/Users.tsx