bitstream/fuel-price
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use wire:model.live on fuel type, radius, sort selects to trigger updated hooks

Browse Source
This commit is contained in:
Ovidiu U
2026-04-05 20:51:55 +01:00
parent dce2bd6e50
commit 68c535b348
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/livewire/public/station-search.blade.php
View File

@@ -17,7 +17,7 @@
</div> </div>
<div class="w-full sm:w-48"> <div class="w-full sm:w-48">
<flux:select wire:model="fuelType" name="fuelType" label="Fuel type"> <flux:select wire:model.live="fuelType" name="fuelType" label="Fuel type">
<flux:select.option value="">Select fuel type</flux:select.option> <flux:select.option value="">Select fuel type</flux:select.option>
<flux:select.option value="petrol">Petrol (E10)</flux:select.option> <flux:select.option value="petrol">Petrol (E10)</flux:select.option>
<flux:select.option value="e5">Super Unleaded (E5)</flux:select.option> <flux:select.option value="e5">Super Unleaded (E5)</flux:select.option>
@@ -32,7 +32,7 @@
</div> </div>
<div class="w-full sm:w-36"> <div class="w-full sm:w-36">
<flux:select wire:model="radius" name="radius" label="Radius"> <flux:select wire:model.live="radius" name="radius" label="Radius">
<flux:select.option value="1">1 mile</flux:select.option> <flux:select.option value="1">1 mile</flux:select.option>
<flux:select.option value="2">2 miles</flux:select.option> <flux:select.option value="2">2 miles</flux:select.option>
<flux:select.option value="5">5 miles</flux:select.option> <flux:select.option value="5">5 miles</flux:select.option>
@@ -42,7 +42,7 @@
</div> </div>
<div class="w-full sm:w-40"> <div class="w-full sm:w-40">
<flux:select wire:model="sort" name="sort" label="Sort by"> <flux:select wire:model.live="sort" name="sort" label="Sort by">
<flux:select.option value="price">Cheapest first</flux:select.option> <flux:select.option value="price">Cheapest first</flux:select.option>
<flux:select.option value="distance">Nearest first</flux:select.option> <flux:select.option value="distance">Nearest first</flux:select.option>
<flux:select.option value="updated">Recently updated</flux:select.option> <flux:select.option value="updated">Recently updated</flux:select.option>