Add subscription toggle handling and refresh logic to SubscriptionSidebar component

Author: navneetrai

src/Livewire/Concerns/HasSidebar.php

@@ -7,7 +7,6 @@
 use Kirschbaum\Commentions\Config;
 use Kirschbaum\Commentions\Contracts\Commenter;
 use Livewire\Attributes\Computed;
-use Livewire\Attributes\On;
 use Livewire\Attributes\Renderless;
 
 trait HasSidebar
@@ -61,6 +60,13 @@ public function subscribers(): Collection
         return $this->record->getSubscribers();
     }
 
+    #[Renderless]
+    public function refreshSubscribers(): void
+    {
+        unset($this->isSubscribed);
+        unset($this->subscribers);
+    }
+
     #[Renderless]
     public function toggleSubscription(): void
     {
@@ -86,15 +92,9 @@ public function toggleSubscription(): void
                 ->send();
         }
 
-        unset($this->isSubscribed);
-        unset($this->subscribers);
-    }
+        $this->refreshSubscribers();
 
-    #[On('commentions:subscription:toggled')]
-    public function handleExternalSubscriptionToggle(): void
-    {
-        unset($this->isSubscribed);
-        unset($this->subscribers);
+        $this->dispatch('commentions:subscription:toggled')->to('commentions::subscription-sidebar');
     }
 
     protected function getCurrentUser(): ?Commenter

src/Livewire/SubscriptionSidebar.php

@@ -4,6 +4,7 @@
 
 use Illuminate\Database\Eloquent\Model;
 use Kirschbaum\Commentions\Livewire\Concerns\HasSidebar;
+use Livewire\Attributes\On;
 use Livewire\Component;
 
 class SubscriptionSidebar extends Component
@@ -18,6 +19,12 @@ public function mount(Model $record, ?bool $showSubscribers = null): void
         $this->mountHasSidebar(true, $showSubscribers);
     }
 
+    #[On('commentions:subscription:toggled')]
+    public function handleExternalSubscriptionToggle(): void
+    {
+        $this->refreshSubscribers();
+    }
+
     public function render()
     {
         return view('commentions::subscription-sidebar');