import { Head, router } from '@inertiajs/react'; import { FormEvent, useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; interface Result { type: string; id: number; title: string; url: string; meta?: string | null } interface Props { q: string; type: string; results: Result[] } export default function GlobalSearch({ q, type, results }: Props) { const [term, setTerm] = useState(q); const [kind, setKind] = useState(type || 'all'); const submit = (e: FormEvent) => { e.preventDefault(); router.get('/search', { q: term, type: kind }, { preserveState: true, replace: true }); }; return (

Pencarian Global {q &&

Hasil pencarian untuk {q}: {results.length}

}

{results.map((item) => ( router.visit(item.url)}>

{item.title}

{item.type}{item.meta ? ` • ${item.meta}` : ''}

))} {q && results.length === 0 && Tidak ada data yang cocok.}

); }