feat: extract fuel.search Livewire component with stations-found dispatch

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-07 21:58:01 +01:00
parent f4a958a76c
commit 0b289c8ec2
3 changed files with 465 additions and 0 deletions
--- a/app/Livewire/Public/Fuel/Search.php
+++ b/app/Livewire/Public/Fuel/Search.php
@@ -0,0 +1,118 @@
+<?php
+
+namespace App\Livewire\Public\Fuel;
+
+use Illuminate\Http\Client\ConnectionException;
+use Illuminate\Support\Facades\Http;
+use Illuminate\View\View;
+use Livewire\Attributes\Validate;
+use Livewire\Component;
+
+final class Search extends Component
+{
+    #[Validate('required|string', message: 'Please enter a postcode, town or city.')]
+    public string $search = '';
+
+    #[Validate('required|string', message: 'Please select a fuel type.')]
+    public string $fuelType = 'petrol';
+
+    #[Validate('required|integer|min:1|max:20')]
+    public int $radius = 5;
+
+    #[Validate('nullable|string|in:price,distance,updated,brand,reliable')]
+    public string $sort = 'reliable';
+
+    public ?string $apiError = null;
+
+    public bool $hasSearched = false;
+
+    public function updatedFuelType(): void
+    {
+        if ($this->hasSearched) {
+            $this->findStations();
+        }
+    }
+
+    public function updatedRadius(): void
+    {
+        if ($this->hasSearched) {
+            $this->findStations();
+        }
+    }
+
+    public function updatedSort(): void
+    {
+        if ($this->hasSearched) {
+            $this->findStations();
+        }
+    }
+
+    public function findStations(): void
+    {
+        $this->validate();
+
+        $this->apiError = null;
+        $this->hasSearched = false;
+
+        $radiusKm = round($this->radius * 1.60934, 2);
+
+        try {
+            $response = Http::timeout(10)
+                ->withHeaders(['X-Api-Key' => config('app.api_secret_key')])
+                ->get(url('/api/stations'), [
+                    'postcode' => $this->search,
+                    'fuel_type' => $this->fuelType,
+                    'radius' => $radiusKm,
+                    'sort' => $this->sort,
+                ]);
+        } catch (ConnectionException) {
+            $this->apiError = 'Unable to fetch stations. Please try again.';
+
+            return;
+        }
+
+        if ($response->status() === 422) {
+            $errors = $response->json('errors', []);
+            $this->apiError = collect($errors)->flatten()->first()
+                ?? $response->json('message', 'Validation error.');
+
+            return;
+        }
+
+        if (! $response->successful()) {
+            $this->apiError = 'Unable to fetch stations. Please try again.';
+
+            return;
+        }
+
+        $results = $response->json('data', []);
+        $meta = $response->json('meta', []);
+        $this->hasSearched = true;
+
+        $prediction = null;
+
+        try {
+            $predictionResponse = Http::timeout(10)
+                ->withHeaders(['X-Api-Key' => config('app.api_secret_key')])
+                ->get(url('/api/prediction'));
+
+            if ($predictionResponse->successful()) {
+                $prediction = $predictionResponse->json();
+            }
+        } catch (ConnectionException) {
+            // Prediction failure is silent — stations are more important
+        }
+
+        $this->dispatch('stations-found',
+            results: $results,
+            meta: $meta,
+            prediction: $prediction,
+            radius: $this->radius,
+        );
+    }
+
+    public function render(): View
+    {
+        return view('livewire.public.fuel.search');
+    }
+}