Migrated listeners to Livewire 4

Author: Marc Geurts

resources/views/components/livewire/people/add/⚡child/child.php

@@ -8,6 +8,7 @@
 use App\Livewire\Traits\TrimStringsAndConvertEmptyStringsToNull;
 use App\Models\Person;
 use Illuminate\Support\Collection;
+use Livewire\Attributes\On;
 use Livewire\Component;
 use Livewire\WithFileUploads;
 use TallStackUi\Traits\Interactions;
@@ -29,8 +30,11 @@
 
     public ?string $selectedTab = null;
 
+    #[On('person_added_as_child')]
     public function mount(): void
     {
+        $this->form->reset();
+
         $this->persons = Person::where('id', '!=', $this->person->id)
             ->whereNull($this->person->sex === 'm' ? 'father_id' : 'mother_id')
             ->youngerThan($this->person->dob, $this->person->yob)
@@ -56,7 +60,7 @@ public function saveChild(): void
             $this->createNewChild($validated['form']);
         }
 
-        $this->redirect(route('people.show', $this->person->id));
+        $this->dispatch('person_added_as_child');
     }
 
     /**

resources/views/components/livewire/people/add/⚡father/father.php

@@ -57,7 +57,7 @@ public function saveFather(): void
             $this->createNewFather($validated['form']);
         }
 
-        $this->redirect(route('people.show', $this->person->id));
+        $this->dispatch('father_added');
     }
 
     /**

resources/views/components/livewire/people/add/⚡mother/mother.php

@@ -57,7 +57,7 @@ public function saveMother(): void
             $this->createNewMother($validated['form']);
         }
 
-        $this->redirect(route('people.show', $this->person->id));
+        $this->dispatch('mother_added');
     }
 
     /**

resources/views/components/livewire/people/add/⚡partner/partner.php

@@ -77,7 +77,7 @@ public function savePartner(): void
             $this->createNewPartner($validated);
         }
 
-        $this->redirect(route('people.show', $this->person->id));
+        $this->dispatch('couple_added');
     }
 
     /**

resources/views/components/livewire/people/add/⚡person/person.php

@@ -21,8 +21,6 @@
 
     public PersonForm $form;
 
-    public function mount(): void {}
-
     public function savePerson(): void
     {
         $user = auth()->user();

resources/views/components/livewire/people/edit/⚡family/family.php

@@ -72,7 +72,7 @@ public function saveFamily(): void
 
         $this->toast()->success(__('app.save'), __('app.saved'))->send();
 
-        $this->redirect('/people/' . $this->person->id);
+        $this->dispatch('family_updated');
     }
 
     // -----------------------------------------------------------------------

resources/views/components/livewire/people/edit/⚡partner/partner.php

@@ -63,21 +63,21 @@ public function savePartner(): void
                 'date_start' => $validated['date_start'] ?? null,
                 'date_end'   => $validated['date_end'] ?? null,
                 'is_married' => $validated['is_married'],
-                'has_ended'  => $validated['date_end'] or $validated['has_ended'],
+                'has_ended'  => $validated['date_end'] || $validated['has_ended'],
             ]);
         } elseif ($this->person->id === $this->couple->person2_id) {
             $this->couple->update([
                 'person1_id' => $validated['partner_id'],
                 'date_start' => $validated['date_start'] ?? null,
                 'date_end'   => $validated['date_end'] ?? null,
                 'is_married' => $validated['is_married'],
-                'has_ended'  => $validated['date_end'] or $validated['has_ended'],
+                'has_ended'  => $validated['date_end'] || $validated['has_ended'],
             ]);
         }
 
         $this->toast()->success(__('app.save'), __('app.saved'))->send();
 
-        $this->redirect('/people/' . $this->person->id);
+        $this->dispatch('couple_updated');
     }
 
     // -----------------------------------------------------------------------

resources/views/components/livewire/people/edit/⚡profile/profile.php

@@ -69,7 +69,7 @@ public function saveProfile(): void
 
         $this->toast()->success(__('app.save'), __('app.saved'))->send();
 
-        $this->redirect('/people/' . $this->person->id);
+        $this->dispatch('person_updated');
     }
 
     // -----------------------------------------------------------------------

resources/views/components/livewire/people/⚡children/children.php

@@ -4,6 +4,7 @@
 
 use App\Models\Person;
 use Illuminate\Support\Collection;
+use Livewire\Attributes\On;
 use Livewire\Component;
 use TallStackUi\Traits\Interactions;
 
@@ -19,6 +20,7 @@
     public Collection $children;
 
     // ------------------------------------------------------------------------------
+    #[On('person_added_as_child')]
     public function mount(): void
     {
         $this->children = $this->person->childrenNaturalAll();
@@ -48,6 +50,6 @@ public function disconnect(int $child_id): void
 
         $this->toast()->success(__('app.disconnect'), e($child->name) . ' ' . __('app.disconnected') . '.')->send();
 
-        $this->redirect(route('people.show', $this->person->id));
+        $this->dispatch('person_added_as_child');
     }
 };

resources/views/components/livewire/people/⚡family/family.php

@@ -3,6 +3,7 @@
 declare(strict_types=1);
 
 use App\Models\Person;
+use Livewire\Attributes\On;
 use Livewire\Component;
 
 new class extends Component
@@ -11,8 +12,14 @@
     public Person $person;
 
     // ------------------------------------------------------------------------------
-    /** @var array<string, string> */
-    protected $listeners = [
-        'couple_deleted' => 'render',
-    ];
+    #[On('couple_added')]
+    #[On('couple_deleted')]
+    #[On('family_updated')]
+    #[On('father_added')]
+    #[On('mother_added')]
+    public function refreshFamily(): void
+    {
+        // optionally refresh any data here
+        // Livewire will re-render automatically
+    }
 };