import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head } from '@inertiajs/react'; import { useState } from 'react'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faArrowRight } from '@fortawesome/free-solid-svg-icons' interface CustomerProps { customers: [{ id: number name: string }], }; interface Customer { id: number name: string }; export default function Dashboard({customers}: CustomerProps) { const [searchItem, setSearchItem] = useState('') const [filteredCustomers, setFilteredCustomers] = useState(customers) const handleInputChange = (e: any) => { const searchTerm = e.target.value; setSearchItem(searchTerm) const filteredItems = customers.filter((customer) => customer.name.toLowerCase().includes(searchTerm.toLowerCase()) ); setFilteredCustomers(filteredItems); } return (

Deltagare

{filteredCustomers && filteredCustomers.map( customer => { return

{customer.name}

})}

); }