Merge pull request #13 from Gerenuk-LTD/dev

Fixes #11

Author: KieranLProctor

README.md

@@ -59,6 +59,11 @@ return [
      * The Carbon format which should be used to display the UTC timestamp.
      */
     'format' => 'd M Hi\Z',
+    
+    /*
+     * Whether the component should poll every second to keep the time synced.
+     */
+    'should_poll' => true,
 ];
 ```
 
@@ -81,7 +86,7 @@ class AdminPanelProvider extends PanelProvider
     {
         return $panel
             // ...
-            ->plugin(FilamentUtcDtsPlugin::make());
+            ->plugins([FilamentUtcDtsPlugin::make()]);
     }
 }
 ```

config/filament-utc-dts.php

@@ -1,9 +1,13 @@
 <?php
 
-// config for Gerenuk/FilamentUtcDts
 return [
     /*
      * The Carbon format which should be used to display the UTC timestamp.
      */
     'format' => 'd M Hi\Z',
+
+    /*
+     * Whether the component should poll every second to keep the time synced.
+     */
+    'should_poll' => true,
 ];

resources/views/badge.blade.php

@@ -0,0 +1,4 @@
+<span @if(config('filament-utc-dts.should_poll', true)) wire:poll.1s="updateTime" @endif
+class="sm:flex hidden items-center rounded-lg bg-white dark:bg-white/5 px-3 h-9 text-sm font-medium text-gray-400 dark:text-gray-500 ring-1 ring-gray-950/10 dark:ring-white/20 shadow-sm">
+    {{ $datestamp }}
+</span>

resources/views/utc-badge.blade.php

@@ -4,8 +4,8 @@
 
 use Filament\Contracts\Plugin;
 use Filament\Panel;
-use Illuminate\Support\Carbon;
-use Illuminate\Support\Facades\View;
+use Gerenuk\FilamentUtcDts\Livewire\UtcBadge;
+use Livewire\Livewire;
 
 class FilamentUtcDtsPlugin implements Plugin
 {
@@ -16,12 +16,10 @@ public function getId(): string
 
     public function register(Panel $panel): void
     {
-        $panel->renderHook('panels::global-search.before', function () {
-            $timestamp = Carbon::now()->utc()->format(config('filament-utc-dts.format'));
+        Livewire::component('filament-utc-dts::utc-badge', UtcBadge::class);
 
-            return View::make('filament-utc-dts::badge', [
-                'datestamp' => $timestamp,
-            ]);
+        $panel->renderHook('panels::global-search.before', function () {
+            return Livewire::mount('filament-utc-dts::utc-badge');
         });
     }
 

src/FilamentUtcDtsPlugin.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace Gerenuk\FilamentUtcDts\Livewire;
+
+use Illuminate\Support\Carbon;
+use Livewire\Component;
+
+class UtcBadge extends Component
+{
+    public string $datestamp;
+
+    public function mount(): void
+    {
+        $this->updateTime();
+    }
+
+    public function updateTime(): void
+    {
+        $this->datestamp = Carbon::now()->utc()->format(config('filament-utc-dts.format', 'd M Hi\Z'));
+    }
+
+    public function render()
+    {
+        return view('filament-utc-dts::utc-badge');
+    }
+}