import { Admin, ListGuesser, Resource, ShowGuesser } from "react-admin";
//import { Layout } from "./Layout";//
import { dataProvider } from "./dataProvider";
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="comments"
      list={ListGuesser}
      edit={CommentEdit}
      show={CommentShow}
    />
    <Resource
      name="albums"
      list={ListGuesser}
      edit={AlbumEdit}
      show={ShowGuesser}
    />
    <Resource
      name="photos"
      list={ListGuesser}
      edit={PhotoEdit}
      show={ShowGuesser}
    />
  </Admin>
);