From 261d957dbda1ba62ccda7a4bf0e336836983dae6 Mon Sep 17 00:00:00 2001
From: bakosandi <bakso89@gmail.com>
Date: Thu, 16 Jan 2025 13:47:21 +0100
Subject: [PATCH] created Components directory

---
 src/App.tsx                          | 14 +++++++-------
 src/{ => Components}/AlbumEdit.tsx   |  0
 src/{ => Components}/CommentEdit.tsx |  0
 src/{ => Components}/MyAppBar.tsx    |  3 ++-
 src/Components/MyLayout.tsx          |  8 ++++++++
 src/{ => Components}/PhotoEdit.tsx   |  0
 src/{ => Components}/PostEdit.tsx    |  0
 src/{ => Components}/UserEdit.tsx    |  0
 src/{ => Components}/Users.tsx       |  0
 src/MyLayout.tsx                     |  7 -------
 10 files changed, 17 insertions(+), 15 deletions(-)
 rename src/{ => Components}/AlbumEdit.tsx (100%)
 rename src/{ => Components}/CommentEdit.tsx (100%)
 rename src/{ => Components}/MyAppBar.tsx (57%)
 create mode 100644 src/Components/MyLayout.tsx
 rename src/{ => Components}/PhotoEdit.tsx (100%)
 rename src/{ => Components}/PostEdit.tsx (100%)
 rename src/{ => Components}/UserEdit.tsx (100%)
 rename src/{ => Components}/Users.tsx (100%)
 delete mode 100644 src/MyLayout.tsx

diff --git a/src/App.tsx b/src/App.tsx
index d3771be..a7dcb54 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,13 +7,13 @@ import {
 } from "react-admin";
 //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";
-import {MyLayout} from "./MyLayout.tsx";
+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";
 
 export const App = () => (
   <Admin layout={MyLayout} dataProvider={dataProvider}>
diff --git a/src/AlbumEdit.tsx b/src/Components/AlbumEdit.tsx
similarity index 100%
rename from src/AlbumEdit.tsx
rename to src/Components/AlbumEdit.tsx
diff --git a/src/CommentEdit.tsx b/src/Components/CommentEdit.tsx
similarity index 100%
rename from src/CommentEdit.tsx
rename to src/Components/CommentEdit.tsx
diff --git a/src/MyAppBar.tsx b/src/Components/MyAppBar.tsx
similarity index 57%
rename from src/MyAppBar.tsx
rename to src/Components/MyAppBar.tsx
index 676f034..b0153a0 100644
--- a/src/MyAppBar.tsx
+++ b/src/Components/MyAppBar.tsx
@@ -1,9 +1,10 @@
 import {AppBar} from "react-admin";
+import {yellow} from "@mui/material/colors";
 
 export const MyAppBar = () => (
     <AppBar
         sx = {{
-            backgroundColor: "#ffeb3b",
+            backgroundColor: yellow[500],
         }}
     />
 );
diff --git a/src/Components/MyLayout.tsx b/src/Components/MyLayout.tsx
new file mode 100644
index 0000000..bed7eee
--- /dev/null
+++ b/src/Components/MyLayout.tsx
@@ -0,0 +1,8 @@
+import {Layout} from 'react-admin';
+import {MyAppBar} from "./MyAppBar.tsx";
+
+export const MyLayout = ({ children } ) => (
+    <Layout appBar={MyAppBar} >
+    {children}
+    </Layout>
+);
diff --git a/src/PhotoEdit.tsx b/src/Components/PhotoEdit.tsx
similarity index 100%
rename from src/PhotoEdit.tsx
rename to src/Components/PhotoEdit.tsx
diff --git a/src/PostEdit.tsx b/src/Components/PostEdit.tsx
similarity index 100%
rename from src/PostEdit.tsx
rename to src/Components/PostEdit.tsx
diff --git a/src/UserEdit.tsx b/src/Components/UserEdit.tsx
similarity index 100%
rename from src/UserEdit.tsx
rename to src/Components/UserEdit.tsx
diff --git a/src/Users.tsx b/src/Components/Users.tsx
similarity index 100%
rename from src/Users.tsx
rename to src/Components/Users.tsx
diff --git a/src/MyLayout.tsx b/src/MyLayout.tsx
deleted file mode 100644
index bfa6e39..0000000
--- a/src/MyLayout.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import {Layout} from 'react-admin';
-import {MyAppBar} from "./MyAppBar";
-
-export const MyLayout = ({ children } ) => (<Layout appBar={MyAppBar} >
-    {children}
-    </Layout>
-    );