feat: polling work sessions running and show on top navigation

Author: nunomazer

app/Filament/App/Resources/WorkSessionResource.php

@@ -58,13 +58,6 @@ public static function getNavigationGroup(): ?string
         return __(MenuGroupsEnum::DAILY_WORK->value);
     }
 
-    public static function getNavigationBadge(): ?string
-    {
-        $count = WorkSession::where('is_running', true)->count();
-
-        return $count > 0 ? (string)$count : null;
-    }
-
     public static function form(Form $form): Form
     {
         return $form

app/Livewire/WorkSessionsTopNav.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\WorkSession;
+use Livewire\Component;
+
+class WorkSessionsTopNav extends Component
+{
+    public function render()
+    {
+        return view('livewire.work-sessions-top-nav', [
+            'count' =>WorkSession::where('is_running', true)
+                ->count(),
+        ]);
+    }
+}

app/Providers/Filament/AppPanelProvider.php

@@ -22,6 +22,7 @@
 use Illuminate\Routing\Middleware\SubstituteBindings;
 use Illuminate\Session\Middleware\AuthenticateSession;
 use Illuminate\Session\Middleware\StartSession;
+use Illuminate\Support\Facades\Blade;
 use Illuminate\View\Middleware\ShareErrorsFromSession;
 
 class AppPanelProvider extends PanelProvider
@@ -64,6 +65,10 @@ public function panel(Panel $panel): Panel
 
                 </div>'
             )
+            ->renderHook(
+                PanelsRenderHook::GLOBAL_SEARCH_BEFORE,
+                fn() => Blade::render('@livewire(\'work-sessions-top-nav\')')
+            )
             ->maxContentWidth(MaxWidth::Full)
             ->sidebarCollapsibleOnDesktop()
             ->discoverResources(in: app_path('Filament/App/Resources'), for: 'App\\Filament\\App\\Resources')

resources/views/livewire/work-sessions-top-nav.blade.php

@@ -0,0 +1,21 @@
+<div wire:poll.60s
+        x-tooltip="{
+            content: '@lang('Work sessions') - @lang('Running')',
+            theme: $store.theme,
+        }"
+>
+    <a href="{{ \App\Filament\App\Resources\WorkSessionResource::getUrl() }}">
+        <span style="--c-50:var(--primary-50);--c-400:var(--primary-400);--c-600:var(--primary-600);"
+              class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-primary">
+            <x-filament::icon
+                        icon={{\App\Filament\App\Resources\WorkSessionResource::getNavigationIcon()}}
+                        class="h-5 w-5 text-gray-500 dark:text-gray-400"
+                />
+            <span class="grid">
+                <span class="truncate">
+                    {{ $count }}
+                </span>
+            </span>
+        </span>
+    </a>
+</div>