0.0.9.0

app/members/page.tsx

@@ -7,7 +7,7 @@ import { useRouter } from "next/navigation"
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent } from "@/components/ui/card"
-import { Search, Plus, Filter, X } from "lucide-react"
+import { Search, Plus, Filter, X, Users, User } from "lucide-react"
 import Link from "next/link"
 import { AvatarDisplay } from "@/components/ui/avatar-display"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
@@ -18,6 +18,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import type { FamilyMember } from "@/types/family"
 import { permissions } from "@/lib/permissions"
 import { MemberNameWithStatus } from "@/components/member-name-with-status"
+import { useSession } from "next-auth/react"
+import { EmptyStateBadge } from "@/components/empty-state-badge"
 
 // 占位符类型
 interface PlaceholderMember {
@@ -92,7 +94,7 @@ const MemberCard = memo(function MemberCard({
             ? 'bg-pink-50/50 dark:bg-pink-950/20 border-pink-200/50 dark:border-pink-800/30' 
             : 'bg-blue-50/50 dark:bg-blue-950/20 border-blue-200/50 dark:border-blue-800/30'
         }`}>
-          <CardContent className="p-3 flex items-center gap-5">
+          <CardContent className="px-3 py-2 flex items-center gap-5">
             <div className="relative flex-shrink-0">
               <AvatarDisplay
                 imageUrl={member.avatarUrl}
@@ -198,10 +200,18 @@ const MemberCard = memo(function MemberCard({
 
 export default function MembersPage() {
   const { treeData, currentTree, searchMembers, setHighlightedMemberId } = useFamily()
+  const { data: session, status } = useSession()
   const router = useRouter()
   const [query, setQuery] = useState("")
   const [showFilters, setShowFilters] = useState(false)
   
+  // 未登录时重定向到登录页
+  useEffect(() => {
+    if (status === 'unauthenticated') {
+      router.push('/auth/signin')
+    }
+  }, [status, router])
+  
   // 从 URL 参数读取搜索关键词
   useEffect(() => {
     const params = new URLSearchParams(window.location.search)
@@ -365,6 +375,11 @@ export default function MembersPage() {
     (statusFilter !== "all" ? 1 : 0) +
     (generationRange[0] > 1 || generationRange[1] < 100 ? 1 : 0)
 
+  // 未登录时不渲染内容（已在 useEffect 中重定向）
+  if (status === 'loading' || !session) {
+    return null
+  }
+
   return (
     <div className="min-h-screen bg-background flex flex-col font-sans">
       <SiteHeader />