feat: show last updated at on public views (#111)

app/View/Components/LastUpdatedAt.php

@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\View\Components;
+
+use App\Models\Election;
+use Carbon\Carbon;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class LastUpdatedAt extends Component
+{
+    public Election $election;
+
+    public ?Carbon $timestamp = null;
+
+    public function __construct(Election $election, string $page)
+    {
+        $this->election = $election;
+
+        $this->timestamp = match ($page) {
+            'turnout' => $election->turnouts_updated_at,
+            'results' => $election->records_updated_at,
+        };
+    }
+
+    public function shouldRender(): bool
+    {
+        return filled($this->timestamp);
+    }
+
+    public function render(): View
+    {
+        return view('components.last-updated-at');
+    }
+}

resources/views/components/election/header.blade.php

@@ -11,4 +11,6 @@
             {{ $election->subtitle }}
         @endif
     </span>
+
+    <x-last-updated-at :$election :$page />
 </header>

resources/views/components/election/title.blade.php

@@ -1,5 +1,5 @@
 <div class="flex justify-between">
-    <div class="">
+    <div>
         <h1 class="text-xl font-semibold text-gray-900 sm:text-2xl">{{ $title }}</h1>
         <h2 class="font-medium text-gray-900 sm:text-lg">
             {{ $level->getLabel() }}

resources/views/components/last-updated-at.blade.php

@@ -0,0 +1,8 @@
+<div {{ $attributes->class(['flex gap-1 text-sm']) }}>
+    <span class="text-gray-700">Ultima actualizare:</span>
+    <time
+        class="font-medium text-gray-900"
+        datetime="{{ $timestamp->toIso8601String() }}">
+        {{ $timestamp->toDateTimeString() }}
+    </time>
+</div>

resources/views/livewire/embeds/area.blade.php

@@ -6,6 +6,8 @@
         :county="$county"
         :locality="$locality" />
 
+    <x-last-updated-at :$election page="turnout" class="-mt-8" />
+
     <livewire:charts.turnout-area-chart
         :parameters="$this->getQueryParameters()"
         :election="$election"

resources/views/livewire/embeds/candidates.blade.php

@@ -6,5 +6,7 @@
         :county="$county"
         :locality="$locality" />
 
+    <x-last-updated-at :$election page="turnout" class="-mt-8" />
+
     <x-candidates.turnouts-table :items="$this->candidates" />
 </div>

resources/views/livewire/embeds/demographic.blade.php

@@ -6,6 +6,8 @@
         :county="$county"
         :locality="$locality" />
 
+    <x-last-updated-at :$election page="turnout" class="-mt-8" />
+
     <livewire:charts.turnout-population-pyramid-chart
         :parameters="$this->getQueryParameters()"
         :election="$election"

resources/views/livewire/embeds/election-results.blade.php

@@ -6,6 +6,8 @@
         :county="$county"
         :locality="$locality" />
 
+    <x-last-updated-at :$election page="results" class="-mt-8" />
+
     @if (filled($this->aggregate))
         <x-stacked-bar
             :show-threshold="data_get($election, 'properties.show_threshold', false)"

resources/views/livewire/embeds/election-turnouts.blade.php

@@ -8,6 +8,8 @@
         :county="$county"
         :locality="$locality" />
 
+    <x-last-updated-at :$election page="turnout" class="-mt-8" />
+
     @if (filled($this->aggregate))
         @if ($this->aggregate->max)
             <x-turnout-bar :value="$this->aggregate->value" :max="$this->aggregate->max" />

resources/views/livewire/embeds/top-counties.blade.php

@@ -1,3 +1,5 @@
-<div class="grid gap-8">
+<div class="grid gap-2">
+    <x-last-updated-at :$election page="turnout" class="justify-end" />
+
     <livewire:charts.top-counties-chart :election="$election" />
 </div>

resources/views/livewire/embeds/top-localities.blade.php

@@ -1,3 +1,5 @@
-<div class="grid gap-8">
+<div class="grid gap-2">
+    <x-last-updated-at :$election page="turnout" class="justify-end" />
+
     <livewire:charts.top-localities-chart :election="$election" />
 </div>