Refactored page routes to use named function exports with descriptive names

Author: ladunjexa

app/(main)/(routes)/documents/[documentId]/page.tsx

@@ -15,7 +15,7 @@ type Props = {
   };
 };
 
-const Page = ({ params: { documentId } }: Props) => {
+export default function Document({ params: { documentId } }: Props) {
   const Editor = useMemo(
     () =>
       dynamic(() => import("@/components/shared/Editor"), {
@@ -65,6 +65,4 @@ const Page = ({ params: { documentId } }: Props) => {
       </div>
     </div>
   );
-};
-
-export default Page;
+}

app/(main)/(routes)/documents/page.tsx

@@ -10,7 +10,7 @@ import { api } from "@/convex/_generated/api";
 import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 
-const Page = () => {
+export default function Documents() {
   const router = useRouter();
   const { user } = useUser();
   const create = useMutation(api.documents.create);
@@ -51,6 +51,4 @@ const Page = () => {
       </Button>
     </div>
   );
-};
-
-export default Page;
+}

app/(marketing)/page.tsx

@@ -2,7 +2,7 @@ import { Footer } from "./_components/Footer";
 import { Heading } from "./_components/Heading";
 import { Heroes } from "./_components/Heroes";
 
-export default function Home() {
+export default function Marketing() {
   return (
     <div className="flex min-h-full flex-col dark:bg-[#1F1F1F]">
       <div className="flex flex-1 flex-col items-center justify-center gap-y-8 px-6 pb-10 text-center md:justify-start">

app/(public)/(routes)/preview/[documentId]/page.tsx

@@ -15,7 +15,7 @@ type Props = {
   };
 };
 
-const Page = ({ params: { documentId } }: Props) => {
+export default function Preview({ params: { documentId } }: Props) {
   const Editor = useMemo(
     () =>
       dynamic(() => import("@/components/shared/Editor"), {
@@ -69,6 +69,4 @@ const Page = ({ params: { documentId } }: Props) => {
       </div>
     </div>
   );
-};
-
-export default Page;
+}