lar:[137] change notification count and indicator to volt component

Author: cybersoldattech

app/Livewire/NotificationCount.php

@@ -1,3 +1,24 @@
+<?php
+
+use Livewire\Volt\Component;
+use Livewire\Attributes\On;
+
+new class extends Component {
+
+    public function with(): array
+    {
+        return [
+            'count' => \Illuminate\Support\Facades\Auth::user()->unreadNotifications()->count(),
+        ];
+    }
+
+    #[On('NotificationMarkedAsRead')]
+    public function updateCount(int $count): int
+    {
+        return $count;
+    }
+} ?>
+
 <span class="rounded-full bg-green-100 px-3 text-base text-green-500">
     {{ $count }}
 </span>

app/Livewire/NotificationIndicator.php

@@ -1,3 +1,27 @@
+<?php
+
+use Livewire\Volt\Component;
+use Livewire\Attributes\On;
+use Illuminate\Support\Facades\Auth;
+
+new class extends Component {
+
+    public function with(): array
+    {
+        return [
+            'hasNotification' =>  $this->setHasNotification(
+                Auth::user()->unreadNotifications()->count(), // @phpstan-ignore-line
+            ),
+        ];
+    }
+
+    #[On('NotificationMarkedAsRead')]
+    public function setHasNotification(int $count): bool
+    {
+        return $count > 0;
+    }
+} ?>
+
 <span
     class="{{ $hasNotification ? 'shadow-solid absolute right-0 top-0 block size-2 rounded-full bg-primary-600 text-white' : 'hidden' }}"
 ></span>

resources/views/livewire/notification-count.blade.php

@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+use Livewire\Volt\Volt;
+
+beforeEach(function (): void {
+    $this->user = $this->login();
+});
+
+it('renders successfully', function (): void {
+    Volt::test('notification-count')
+        ->assertStatus(200);
+});
+
+it('can display user count notification', function (): void {
+    Volt::test('notification-count')
+        ->assertSee($this->user->unreadNotifications()->count());
+});

resources/views/livewire/notification-indicator.blade.php

@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+use Livewire\Volt\Volt;
+
+beforeEach(function (): void {
+    $this->user = $this->login();
+});
+
+it('renders successfully', function (): void {
+    Volt::test('notification-indicator')
+        ->assertStatus(200);
+});
+
+it('mask indicator if user can have unread notification', function (): void {
+    Volt::test('notification-indicator')
+        ->assertSet('hasNotification', false);
+});