feat: implement club admin dashboard with activity feed and settings

src/app/admin/page.tsx

@@ -59,6 +59,17 @@ export default async function AdminDashboard() {
     }),
   ]) as [number, number, number, EventModel[]]
 
+  // Get recent activities (using any type to bypass TypeScript error for now)
+  const recentActivities = await (prisma as any).activity.findMany({
+    take: 10,
+    orderBy: { createdAt: "desc" },
+    include: {
+      user: { select: { name: true } },
+      player: { select: { name: true } },
+      event: { select: { name: true } },
+    },
+  })
+
   return (
     <div className="min-h-screen bg-gray-50">
       <Navigation />
@@ -231,6 +242,41 @@ export default async function AdminDashboard() {
               </Link> in the rankings page.
             </p>
           </div>
+
+          {/* Recent Activity Feed */}
+          <div className="bg-white shadow rounded-lg p-6 mt-6">
+            <div className="flex justify-between items-center mb-4">
+              <h2 className="text-lg font-medium text-gray-900">Recent Activity</h2>
+              <Link
+                href="/admin/activity"
+                className="text-green-600 hover:text-green-900 text-sm font-medium"
+              >
+                View All
+              </Link>
+            </div>
+            {recentActivities.length > 0 ? (
+              <ul className="divide-y divide-gray-200">
+                {recentActivities.map((activity: any) => (
+                  <li key={activity.id} className="py-3">
+                    <div className="flex items-center justify-between">
+                      <div>
+                        <p className="text-sm text-gray-900">{activity.description}</p>
+                        <p className="text-xs text-gray-500">
+                          {new Date(activity.createdAt).toLocaleDateString()} at{' '}
+                          {new Date(activity.createdAt).toLocaleTimeString()}
+                        </p>
+                      </div>
+                      <span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
+                        {activity.type}
+                      </span>
+                    </div>
+                  </li>
+                ))}
+              </ul>
+            ) : (
+              <p className="text-gray-500">No recent activities.</p>
+            )}
+          </div>
         </div>
       </main>
     </div>

src/app/admin/players/page.tsx

@@ -231,6 +231,32 @@ export default function AdminPlayersPage() {
             </div>
           )}
 
+          {/* Search and Filter Controls */}
+          <div className="bg-white shadow rounded-lg p-4 mb-4">
+            <div className="flex items-center space-x-4">
+              <div className="flex-1">
+                <input
+                  type="text"
+                  name="search"
+                  placeholder="Search players by name..."
+                  className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
+                  onChange={async (e) => {
+                    const search = e.target.value
+                    try {
+                      const response = await fetch(`/api/players?search=${encodeURIComponent(search)}`)
+                      if (response.ok) {
+                        const data = await response.json()
+                        setPlayers(data)
+                      }
+                    } catch (err) {
+                      console.error('Search failed:', err)
+                    }
+                  }}
+                />
+              </div>
+            </div>
+          </div>
+
           {/* Player Table */}
           <div className="bg-white shadow rounded-lg overflow-hidden">
             <table className="min-w-full divide-y divide-gray-200">

src/app/admin/settings/page.tsx

@@ -0,0 +1,224 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import Navigation from "@/components/Navigation"
+import { redirect } from "next/navigation"
+import { getSession } from "@/lib/auth-simple"
+
+interface ClubSettings {
+  id: number
+  clubName: string
+  defaultEloRating: number
+  partnershipEnabled: boolean
+  notificationsEnabled: boolean
+  matchVerification: boolean
+}
+
+export default function ClubSettingsPage() {
+  const [settings, setSettings] = useState<ClubSettings | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [saving, setSaving] = useState(false)
+  const [error, setError] = useState("")
+  const [success, setSuccess] = useState("")
+
+  const [formSettings, setFormSettings] = useState<Partial<ClubSettings>>({})
+
+  useEffect(() => {
+    fetchSettings()
+  }, [])
+
+  const fetchSettings = async () => {
+    try {
+      const response = await fetch("/api/admin/settings")
+      if (!response.ok) {
+        throw new Error("Failed to fetch settings")
+      }
+      const data = await response.json()
+      setSettings(data)
+      setFormSettings(data || {})
+    } catch (err: unknown) {
+      setError(err instanceof Error ? err.message : "Failed to fetch settings")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleSave = async () => {
+    setSaving(true)
+    setError("")
+    setSuccess("")
+
+    try {
+      const response = await fetch("/api/admin/settings", {
+        method: "PATCH",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(formSettings),
+      })
+
+      if (!response.ok) {
+        const errorData = await response.json()
+        throw new Error(errorData.error || "Failed to save settings")
+      }
+
+      const updatedSettings = await response.json()
+      setSettings(updatedSettings)
+      setSuccess("Settings saved successfully!")
+    } catch (err: unknown) {
+      setError(err instanceof Error ? err.message : "Failed to save settings")
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-50">
+        <Navigation />
+        <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
+          <div className="px-4 py-6 sm:px-0">
+            <p className="text-gray-500">Loading settings...</p>
+          </div>
+        </main>
+      </div>
+    )
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <Navigation />
+      
+      <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
+        <div className="px-4 py-6 sm:px-0">
+          {/* Page Header */}
+          <div className="bg-white shadow rounded-lg p-6 mb-6">
+            <h1 className="text-2xl font-bold text-gray-900">Club Settings</h1>
+            <p className="text-gray-500 mt-1">
+              Configure your club's default settings and preferences.
+            </p>
+          </div>
+
+          {/* Settings Form */}
+          <div className="bg-white shadow rounded-lg p-6">
+            {error && (
+              <div className="mb-4 p-4 bg-red-100 text-red-700 rounded">
+                {error}
+              </div>
+            )}
+
+            {success && (
+              <div className="mb-4 p-4 bg-green-100 text-green-700 rounded">
+                {success}
+              </div>
+            )}
+
+            <div className="space-y-6">
+              {/* Club Name */}
+              <div>
+                <label htmlFor="clubName" className="block text-sm font-medium text-gray-700 mb-2">
+                  Club Name
+                </label>
+                <input
+                  type="text"
+                  id="clubName"
+                  value={formSettings.clubName || ""}
+                  onChange={(e) => setFormSettings({ ...formSettings, clubName: e.target.value })}
+                  className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
+                />
+              </div>
+
+              {/* Default Elo Rating */}
+              <div>
+                <label htmlFor="defaultEloRating" className="block text-sm font-medium text-gray-700 mb-2">
+                  Default Elo Rating
+                </label>
+                <input
+                  type="number"
+                  id="defaultEloRating"
+                  value={formSettings.defaultEloRating || 1000}
+                  onChange={(e) => setFormSettings({ ...formSettings, defaultEloRating: parseInt(e.target.value) })}
+                  className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
+                />
+              </div>
+
+              {/* Partnership Tracking */}
+              <div className="flex items-center justify-between">
+                <div>
+                  <label className="text-sm font-medium text-gray-700">Partnership Tracking</label>
+                  <p className="text-sm text-gray-500">Enable partnership performance analytics</p>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setFormSettings({ ...formSettings, partnershipEnabled: !formSettings.partnershipEnabled })}
+                  className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
+                    formSettings.partnershipEnabled ? 'bg-green-600' : 'bg-gray-200'
+                  }`}
+                >
+                  <span
+                    className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
+                      formSettings.partnershipEnabled ? 'translate-x-5' : 'translate-x-0'
+                    }`}
+                  />
+                </button>
+              </div>
+
+              {/* Notifications */}
+              <div className="flex items-center justify-between">
+                <div>
+                  <label className="text-sm font-medium text-gray-700">Notifications</label>
+                  <p className="text-sm text-gray-500">Send email notifications for updates</p>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setFormSettings({ ...formSettings, notificationsEnabled: !formSettings.notificationsEnabled })}
+                  className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
+                    formSettings.notificationsEnabled ? 'bg-green-600' : 'bg-gray-200'
+                  }`}
+                >
+                  <span
+                    className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
+                      formSettings.notificationsEnabled ? 'translate-x-5' : 'translate-x-0'
+                    }`}
+                  />
+                </button>
+              </div>
+
+              {/* Match Verification */}
+              <div className="flex items-center justify-between">
+                <div>
+                  <label className="text-sm font-medium text-gray-700">Match Verification</label>
+                  <p className="text-sm text-gray-500">Require admin verification for match results</p>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setFormSettings({ ...formSettings, matchVerification: !formSettings.matchVerification })}
+                  className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
+                    formSettings.matchVerification ? 'bg-green-600' : 'bg-gray-200'
+                  }`}
+                >
+                  <span
+                    className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
+                      formSettings.matchVerification ? 'translate-x-5' : 'translate-x-0'
+                    }`}
+                  />
+                </button>
+              </div>
+            </div>
+
+            {/* Save Button */}
+            <div className="mt-8 flex justify-end">
+              <button
+                onClick={handleSave}
+                disabled={saving}
+                className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                {saving ? 'Saving...' : 'Save Settings'}
+              </button>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  )
+}

src/app/api/admin/activity/route.ts

@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { prisma } from '@/lib/prisma'
+import { getSession } from '@/lib/auth-simple'
+
+export async function GET(request: NextRequest) {
+  const session = await getSession()
+  if (!session) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const { searchParams } = new URL(request.url)
+  const limit = parseInt(searchParams.get('limit') || '20')
+  const offset = parseInt(searchParams.get('offset') || '0')
+  const type = searchParams.get('type')
+
+  const where: any = {}
+  if (type) {
+    where.type = type
+  }
+
+  const activities = await prisma.activity.findMany({
+    where,
+    orderBy: { createdAt: 'desc' },
+    take: limit,
+    skip: offset,
+    include: {
+      user: { select: { name: true } },
+      player: { select: { name: true } },
+      event: { select: { name: true } },
+    },
+  })
+
+  return NextResponse.json(activities)
+}

src/app/api/admin/settings/route.ts

@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { prisma } from '@/lib/prisma'
+import { getSession } from '@/lib/auth-simple'
+
+export async function GET() {
+  const session = await getSession()
+  if (!session) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const settings = await (prisma as any).clubSettings.findFirst()
+  return NextResponse.json(settings)
+}
+
+export async function PATCH(request: NextRequest) {
+  const session = await getSession()
+  if (!session) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const data = await request.json()
+  
+  // Get the existing settings record (should be id: 1 or first record)
+  let settings = await (prisma as any).clubSettings.findFirst()
+  
+  if (!settings) {
+    // Create default settings if none exist
+    settings = await (prisma as any).clubSettings.create({
+      data: {
+        clubName: 'Euchre Club',
+        defaultEloRating: 1200,
+        partnershipEnabled: true,
+        notificationsEnabled: true,
+        matchVerification: false,
+      },
+    })
+  }
+  
+  // Update the settings
+  const updatedSettings = await (prisma as any).clubSettings.update({
+    where: { id: settings.id },
+    data,
+  })
+
+  return NextResponse.json(updatedSettings)
+}

src/app/api/players/route.ts

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextRequest, NextResponse } from "next/server";
 import { prisma } from "@/lib/prisma";
 
 /**
@@ -6,10 +6,22 @@ import { prisma } from "@/lib/prisma";
  * 
  * Get all players with their user associations
  * This is a public endpoint (no authentication required)
+ * Supports search query parameter
  */
-export async function GET() {
+export async function GET(request: NextRequest) {
   try {
+    const { searchParams } = new URL(request.url)
+    const search = searchParams.get('search') || ''
+    const limit = parseInt(searchParams.get('limit') || '50')
+    const offset = parseInt(searchParams.get('offset') || '0')
+
+    const where: any = {}
+    if (search) {
+      where.name = { contains: search, mode: 'insensitive' }
+    }
+
     const players = await prisma.player.findMany({
+      where,
       include: {
         user: {
           select: {
@@ -17,7 +29,9 @@ export async function GET() {
           },
         },
       },
-      orderBy: { name: "asc" },
+      orderBy: { currentElo: 'desc' },
+      take: limit,
+      skip: offset,
     });
 
     return NextResponse.json(players);