feat: implement autocomplete functionality for park search with keyboard navigation

This commit is contained in:
pacnpal
2025-02-26 13:00:42 -05:00
parent 82d99a8161
commit 1a88c35fa8
8 changed files with 443 additions and 342 deletions

View File

@@ -5,6 +5,7 @@ namespace App\Livewire;
use App\Models\Park;
use Illuminate\Contracts\View\View;
use Illuminate\Database\Eloquent\Builder;
use Livewire\Attributes\On;
use Livewire\Component;
use Livewire\WithPagination;
@@ -49,6 +50,17 @@ class SearchComponent extends Component
$this->filtersApplied = $this->hasActiveFilters();
}
#[On('suggestion-selected')]
public function handleSuggestionSelected($id, $text): void
{
$park = Park::find($id);
if ($park) {
$this->search = $text;
$this->filtersApplied = $this->hasActiveFilters();
redirect()->route('parks.show', $park);
}
}
public function updatedLocation(): void
{
$this->resetPage();