Reapply "Add missing admin action files and navigation links"

This reverts commit 4d515bc400.

src/app/admin/articles/[id]/page.tsx

@@ -18,10 +18,12 @@ export default async function EditArticle({
   const { id } = await params;
   const { error } = await searchParams;
   const t = await getTranslations("pages.admin.articles");
-  const article = await prisma.websiteArticles.findUnique({
-    where: { id: BigInt(id) },
-    select: { id: true, slug: true, title: true, shortStory: true, fullStory: true, image: true },
-  }).catch(() => null);
+  const article = await prisma.websiteArticles
+    .findUnique({
+      where: { id: BigInt(id) },
+      select: { id: true, slug: true, title: true, shortStory: true, fullStory: true, image: true },
+    })
+    .catch(() => null);
   if (!article) notFound();
 
   return (
@@ -32,14 +34,12 @@ export default async function EditArticle({
         </div>
         <div>
           <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("form.title")}</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← {t("title")}</Link></p>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">
+            <Link href="/admin/articles">← {t("title")}</Link>
+          </p>
         </div>
       </div>
-      {error ? (
-        <p className="text-xs text-red-600 dark:text-red-400 mb-4">
-          Error: {error}
-        </p>
-      ) : null}
+      {error ? <p className="text-xs text-red-600 dark:text-red-400 mb-4">Error: {error}</p> : null}
       <ArticleForm
         action={async (fd) => {
           "use server";
@@ -55,7 +55,9 @@ export default async function EditArticle({
       />
       <form action={deleteArticle} style={{ marginTop: "1rem" }}>
         <input type="hidden" name="id" value={String(article.id)} />
-        <button type="submit" className="btn btn-primary">{t("form.deleteArticle")}</button>
+        <button type="submit" className="btn btn-primary">
+          {t("form.deleteArticle")}
+        </button>
       </form>
     </main>
   );

src/app/admin/articles/new/page.tsx

@@ -4,11 +4,7 @@ import { Newspaper } from "lucide-react";
 import { createArticle } from "@/actions/admin-articles";
 import { ArticleForm } from "@/components/admin/article-form";
 
-export default async function NewArticle({
-  searchParams,
-}: {
-  searchParams: Promise<{ error?: string }>;
-}) {
+export default async function NewArticle({ searchParams }: { searchParams: Promise<{ error?: string }> }) {
   const { error } = await searchParams;
   const t = await getTranslations("pages.admin.articles");
 
@@ -20,14 +16,12 @@ export default async function NewArticle({
         </div>
         <div>
           <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("form.title")}</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← {t("title")}</Link></p>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">
+            <Link href="/admin/articles">← {t("title")}</Link>
+          </p>
         </div>
       </div>
-      {error ? (
-        <p className="text-xs text-red-600 dark:text-red-400 mb-4">
-          Error: {error}
-        </p>
-      ) : null}
+      {error ? <p className="text-xs text-red-600 dark:text-red-400 mb-4">Error: {error}</p> : null}
       <ArticleForm action={createArticle} />
     </main>
   );

src/app/admin/articles/page.tsx

@@ -7,11 +7,7 @@ import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
 
-export default async function AdminArticles({
-  searchParams,
-}: {
-  searchParams: Promise<{ error?: string }>;
-}) {
+export default async function AdminArticles({ searchParams }: { searchParams: Promise<{ error?: string }> }) {
   const { error } = await searchParams;
   const t = await getTranslations("pages.admin.articles");
   const articles = await prisma.websiteArticles
@@ -22,9 +18,7 @@ export default async function AdminArticles({
     })
     .catch(() => []);
 
-  const latest = articles[0]?.createdAt
-    ? articles[0].createdAt.toISOString().slice(0, 10)
-    : "—";
+  const latest = articles[0]?.createdAt ? articles[0].createdAt.toISOString().slice(0, 10) : "—";
 
   return (
     <main>
@@ -41,11 +35,7 @@ export default async function AdminArticles({
         </Link>
       </div>
 
-      {error ? (
-        <p className="text-xs text-red-600 dark:text-red-400 mb-4">
-          Error: {error}
-        </p>
-      ) : null}
+      {error ? <p className="text-xs text-red-600 dark:text-red-400 mb-4">Error: {error}</p> : null}
 
       <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
         <StatusCard label={t("articlesShown")} value={articles.length} icon="📰" />
@@ -70,9 +60,7 @@ export default async function AdminArticles({
               {articles.map((a) => (
                 <tr key={String(a.id)}>
                   <td>
-                    <Link href={`/admin/articles/${a.id}`}>
-                      {a.title}
-                    </Link>
+                    <Link href={`/admin/articles/${a.id}`}>{a.title}</Link>
                   </td>
                   <td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
                     <code>{a.slug}</code>
@@ -87,10 +75,7 @@ export default async function AdminArticles({
                       </Link>
                       <form action={deleteArticle} className="m-0">
                         <input type="hidden" name="id" value={String(a.id)} />
-                        <button
-                          type="submit"
-                          className="btn btn-danger"
-                        >
+                        <button type="submit" className="btn btn-danger">
                           {t("delete")}
                         </button>
                       </form>
@@ -104,4 +89,4 @@ export default async function AdminArticles({
       </section>
     </main>
   );
-}
+}