refactor to pages

app/admin/articles/editor/[articleId]/layout.tsx

@@ -1,3 +1,3 @@
-export default async function Layout({ children }) {
+export default async function AdminArticleEditorLayout({ children }) {
   return <div>{children}</div>;
 }

app/admin/articles/editor/[articleId]/page.tsx

@@ -18,7 +18,7 @@ import Markdown from "../../../../../components/Markdown";
 
 type ArticleWithCategory = Prisma.ArticleGetPayload<{ include: { category: true } }>;
 
-export default function ArticleEditor({ params }: { params: { articleId: string } }) {
+export default function AdminArticlesEditorPage({ params }: { params: { articleId: string } }) {
   const router = useRouter();
   const [title, setTitle] = useState<string>("");
   const [selectCategoriesOptions, setSelectCategoriesOptions] = useState<any>([]);

app/admin/articles/page.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 
-function AdminArticlesPage() {
+export default function AdminArticlesPage() {
   return (
     <div>
       <h1>Page to manage articles</h1>
@@ -11,5 +11,3 @@ function AdminArticlesPage() {
     </div>
   );
 }
-
-export default AdminArticlesPage;

app/admin/categories/editor/[categoryId]/layout.tsx

@@ -1,3 +1,3 @@
-export default async function Layout({ children }) {
+export default async function AdminCategoriesEditorLayout({ children }) {
   return <div>{children}</div>;
 }

app/admin/categories/editor/[categoryId]/page.tsx

@@ -14,7 +14,7 @@ import { apiUrl } from "../../../../../global";
 
 type CategoryWithSvg = Prisma.CategoryGetPayload<{ include: { svg: true } }>;
 
-export default function CategoryEditor({ params }: { params: { categoryId: string } }) {
+export default function AdminCategoriesEditor({ params }: { params: { categoryId: string } }) {
   const router = useRouter();
   const [title, setTitle] = useState<string>("");
   const [color, setColor] = useState<string>("");

app/admin/images/page.tsx

@@ -19,6 +19,6 @@ async function getImages(): Promise<GalleryImage[]> {
   }));
 }
 
-export default async function page() {
+export default async function AdminImagesPage() {
   return <Gallery images={await getImages()} />;
 }