Feat: Implement user filtering in Audit Logs page

src/app/dashboard/settings/logs/page.tsx

@@ -16,20 +16,39 @@ export const dynamic = 'force-dynamic'
 
 import { createAdminClient } from "@/lib/supabase/admin"
 
-export default async function AuditLogsPage() {
+import { UserFilter } from "./user-filter"
+
+export default async function AuditLogsPage({
+    searchParams,
+}: {
+    searchParams: Promise<{ userId?: string }>
+}) {
+    const { userId } = await searchParams
     const supabase = await createClient()
     const supabaseAdmin = await createAdminClient()
 
     // Use admin client if available to bypass RLS for debugging
     const client = supabaseAdmin || supabase
 
+    // Fetch all users for filter
+    const { data: allUsers } = await client
+        .from('profiles')
+        .select('id, full_name')
+        .order('full_name')
+
     // Fetch logs without join first to avoid FK issues
-    const { data: logs, error } = await client
+    let query = client
         .from('audit_logs')
         .select('*')
         .order('created_at', { ascending: false })
         .limit(50)
 
+    if (userId) {
+        query = query.eq('user_id', userId)
+    }
+
+    const { data: logs, error } = await query
+
     if (error) {
         console.error("AuditLogsPage: Error fetching logs:", error)
     }
@@ -80,10 +99,13 @@ export default async function AuditLogsPage() {
 
     return (
         <div className="space-y-6">
+            <div className="flex items-center justify-between">
                 <div>
                     <h2 className="text-3xl font-bold tracking-tight">İşlem Geçmişi</h2>
                     <p className="text-muted-foreground">Sistem üzerindeki son aktiviteler.</p>
                 </div>
+                <UserFilter users={allUsers || []} />
+            </div>
 
             <Card>
                 <CardHeader>

src/app/dashboard/settings/logs/user-filter.tsx

@@ -0,0 +1,48 @@
+'use client'
+
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@/components/ui/select"
+import { useRouter, useSearchParams } from "next/navigation"
+
+interface UserFilterProps {
+    users: { id: string; full_name: string }[]
+}
+
+export function UserFilter({ users }: UserFilterProps) {
+    const router = useRouter()
+    const searchParams = useSearchParams()
+    const currentUserId = searchParams.get('userId') || 'all'
+
+    const handleValueChange = (value: string) => {
+        const params = new URLSearchParams(searchParams)
+        if (value === 'all') {
+            params.delete('userId')
+        } else {
+            params.set('userId', value)
+        }
+        router.push(`?${params.toString()}`)
+    }
+
+    return (
+        <div className="w-[200px]">
+            <Select value={currentUserId} onValueChange={handleValueChange}>
+                <SelectTrigger>
+                    <SelectValue placeholder="Kullanıcı Filtrele" />
+                </SelectTrigger>
+                <SelectContent>
+                    <SelectItem value="all">Tüm Kullanıcılar</SelectItem>
+                    {users.map((user) => (
+                        <SelectItem key={user.id} value={user.id}>
+                            {user.full_name || 'İsimsiz'}
+                        </SelectItem>
+                    ))}
+                </SelectContent>
+            </Select>
+        </div>
+    )
+}