latest changes

src/app/admin/articles/page.tsx

@@ -1,12 +1,11 @@
 import Link from "next/link";
 import { StatusCard } from "@/components/admin/dashboard";
+import { deleteArticle } from "@/actions/admin-articles";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
 
 export default async function AdminArticles() {
-  // .catch(() => []) keeps the precise selected-row type while falling back to
-  // an empty list when the DB is unavailable (instead of a 500).
   const articles = await prisma.websiteArticles
     .findMany({
       orderBy: { createdAt: "desc" },
@@ -47,13 +46,16 @@ export default async function AdminArticles() {
                 <th>Title</th>
                 <th>Slug</th>
                 <th>Created</th>
+                <th>Actions</th>
               </tr>
             </thead>
             <tbody>
               {articles.map((a) => (
                 <tr key={String(a.id)}>
                   <td>
-                    <Link href={`/admin/articles/${a.id}`}>{a.title}</Link>
+                    <Link href={`/admin/articles/${a.id}`} style={{ color: "var(--link-color)" }}>
+                      {a.title}
+                    </Link>
                   </td>
                   <td className="muted">
                     <code>{a.slug}</code>
@@ -61,6 +63,23 @@ export default async function AdminArticles() {
                   <td className="muted" style={{ whiteSpace: "nowrap" }}>
                     {a.createdAt ? a.createdAt.toISOString().slice(0, 10) : "—"}
                   </td>
+                  <td>
+                    <div style={{ display: "flex", gap: "0.5rem" }}>
+                      <Link href={`/admin/articles/${a.id}`} className="btn btn-primary" style={{ fontSize: "0.8rem", padding: "0.3rem 0.6rem" }}>
+                        Edit
+                      </Link>
+                      <form action={deleteArticle} style={{ margin: 0 }}>
+                        <input type="hidden" name="id" value={String(a.id)} />
+                        <button
+                          type="submit"
+                          className="btn btn-danger"
+                          style={{ fontSize: "0.8rem", padding: "0.3rem 0.6rem" }}
+                        >
+                          Delete
+                        </button>
+                      </form>
+                    </div>
+                  </td>
                 </tr>
               ))}
             </tbody>