servicedesk/src/app/Livewire/NotificationBell.php

<?php

namespace App\Livewire;

use Illuminate\Support\Facades\Auth;
use Livewire\Attributes\Computed;
use Livewire\Attributes\On;
use Livewire\Component;

class NotificationBell extends Component
{
    /**
     * Fired by echo.js the moment a NotificationCreated broadcast arrives on
     * this user's private channel — refreshes the badge/list instantly
     * instead of waiting for the next 30s poll, which stays in place below
     * as a fallback for dropped websocket connections.
     */
    #[On('bell-notification-received')]
    public function onBellNotification(): void
    {
        unset($this->notifications, $this->unreadCount);
    }

    /**
     * Only unread — once a notification is read (clicked through, or via
     * "mark all as read"), it disappears from the bell rather than staying
     * listed dimmed. The full history still lives in the notifications
     * table for anyone querying it directly, just not surfaced here.
     */
    #[Computed]
    public function notifications()
    {
        return Auth::user()->unreadNotifications()->latest()->limit(20)->get();
    }

    #[Computed]
    public function unreadCount(): int
    {
        return Auth::user()->unreadNotifications()->count();
    }

    public function markAsRead(string $id): void
    {
        Auth::user()->notifications()->where('id', $id)->first()?->markAsRead();
        unset($this->notifications, $this->unreadCount);
    }

    public function markAllAsRead(): void
    {
        Auth::user()->unreadNotifications->each->markAsRead();
        unset($this->notifications, $this->unreadCount);
    }

    public function render()
    {
        return view('livewire.notification-bell');
    }
}