Add registration flow and improve admin post management

components/AdminPostList.tsx

@@ -1,16 +1,23 @@
 "use client";
 
 import Link from "next/link";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { Post } from "@/types/post";
 
 type AdminPost = Post & { createdAtText?: string };
 
 export function AdminPostList({ initialPosts }: { initialPosts: AdminPost[] }) {
   const [posts, setPosts] = useState<AdminPost[]>(initialPosts);
+  const [tagQuery, setTagQuery] = useState("");
+
+  const visiblePosts = useMemo(() => {
+    const q = tagQuery.trim().toLowerCase();
+    if (!q) return posts;
+    return posts.filter((post) => post.tags?.some((tag) => tag.toLowerCase().includes(q)));
+  }, [posts, tagQuery]);
 
   async function handleDelete(slug: string) {
-    if (!window.confirm("确定要删除这篇文章吗？此操作不可恢复。")) return;
+    if (!window.confirm("确定要删除这条内容吗？此操作不可恢复。")) return;
     const res = await fetch(`/api/posts/${slug}`, { method: "DELETE" });
     if (!res.ok) {
       const data = await res.json().catch(() => ({}));
@@ -23,19 +30,41 @@ export function AdminPostList({ initialPosts }: { initialPosts: AdminPost[] }) {
   if (posts.length === 0) {
     return (
       <div className="rounded-2xl bg-white/80 p-4 text-sm text-slate-500 shadow-sm ring-1 ring-slate-100">
-        暂无文章。
+        暂无内容。
       </div>
     );
   }
 
+  const summary = tagQuery ? `匹配 ${visiblePosts.length} / 总 ${posts.length}` : `共 ${posts.length} 条`;
+
   return (
     <div className="space-y-3 rounded-2xl bg-white/80 p-4 shadow-sm ring-1 ring-slate-100">
-      <div className="flex items-center justify-between">
-        <h3 className="text-lg font-semibold">最近发布</h3>
-        <span className="text-xs text-slate-400">共 {posts.length} 条</span>
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h3 className="text-lg font-semibold">最近内容</h3>
+          <p className="text-xs text-slate-400">{summary}</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <input
+            value={tagQuery}
+            onChange={(e) => setTagQuery(e.target.value)}
+            placeholder="按标签搜索"
+            className="w-40 rounded-full border border-slate-200 bg-white px-3 py-1 text-xs shadow-inner focus:border-brand-500 focus:outline-none"
+          />
+          {tagQuery ? (
+            <button
+              type="button"
+              onClick={() => setTagQuery("")}
+              className="rounded-full bg-slate-100 px-3 py-1 text-xs text-slate-600 ring-1 ring-slate-200 hover:text-brand-600"
+            >
+              清除
+            </button>
+          ) : null}
+        </div>
       </div>
+
       <div className="space-y-3">
-        {posts.map((post) => (
+        {visiblePosts.map((post) => (
           <div
             key={post.slug}
             className="flex flex-wrap items-center justify-between gap-3 rounded-xl border border-slate-100 bg-white/70 p-3"
@@ -45,19 +74,18 @@ export function AdminPostList({ initialPosts }: { initialPosts: AdminPost[] }) {
                 {post.title}
               </Link>
               <p className="text-xs text-slate-500">
-                {post.createdAtText ||
-                  new Date(post.createdAt).toLocaleString("zh-CN", {
-                    hour12: false,
-                    timeZone: "Asia/Shanghai"
-                  })}
+                {(post.author || "佚名") +
+                  " · " +
+                  (post.createdAtText ||
+                    new Date(post.createdAt).toLocaleString("zh-CN", {
+                      hour12: false,
+                      timeZone: "Asia/Shanghai"
+                    }))}
               </p>
               {post.tags && post.tags.length > 0 ? (
                 <div className="mt-2 flex flex-wrap gap-2">
                   {post.tags.map((tag) => (
-                    <span
-                      key={tag}
-                      className="rounded-full bg-slate-100 px-2 py-1 text-xs text-slate-600"
-                    >
+                    <span key={tag} className="rounded-full bg-slate-100 px-2 py-1 text-xs text-slate-600">
                       #{tag}
                     </span>
                   ))}