Implement multiple photos

app/Livewire/People/Add/Person.php

@@ -57,7 +57,7 @@ public function savePerson()
                     $image_name = $person->id . '_001_' . now()->format('YmdHis') . '.' . $image_type;
 
                     // delete old photos
-                    File::delete(File::glob(storage_path('app/public/*/' . $person->id . '_001_*.*')));
+                    File::delete(File::glob(storage_path('app/public/*/' . $person->id . '_001_*.webp')));
 
                     // resize (new) photo, add watermark and save it
                     $manager = new ImageManager(new Driver());
@@ -71,6 +71,8 @@ public function savePerson()
 
                         $person->update(['photo' => $image_name]);
 
+                        $this->dispatch('photo_updated');
+
                         // reset photo upload input
                         $this->personForm->image = null;
                         $this->personForm->iteration++;

app/Livewire/People/Add/Photo.php

@@ -53,6 +53,10 @@ public function savePhoto()
                 if ($new_image) {
                     $new_image->save(public_path('storage/photos/' . $image_name));
 
+                    if ($this->person->photo == null) {
+                        $this->person->update(['photo' => $image_name]);
+                    }
+
                     // reset photo upload input
                     $this->photoForm->image = null;
                     $this->photoForm->iteration++;

app/Livewire/People/Ancestors.php

@@ -17,6 +17,10 @@ class Ancestors extends Component
 
     public $count_max = 10;
 
+    protected $listeners = [
+        'photo_updated' => 'mount',
+    ];
+
     public function increment()
     {
         if ($this->count < $this->count_max) {

app/Livewire/People/Descendants.php

@@ -17,6 +17,10 @@ class Descendants extends Component
 
     public $count_max = 10;
 
+    protected $listeners = [
+        'photo_updated' => 'mount',
+    ];
+
     public function increment()
     {
         if ($this->count < $this->count_max) {

app/Livewire/People/Edit/Profile.php

@@ -59,7 +59,7 @@ public function saveProfile()
                     $image_name = $this->person->id . '_001_' . now()->format('YmdHis') . '.' . $image_type;
 
                     // delete old photos
-                    File::delete(File::glob(storage_path('app/public/*/' . $this->person->id . '_001_*.*')));
+                    File::delete(File::glob(storage_path('app/public/*/' . $this->person->id . '_001_*.webp')));
 
                     // resize (new) photo, watermark and save it
                     $manager = new ImageManager(new Driver());

app/Livewire/People/Photos.php

@@ -19,7 +19,7 @@ class Photos extends Component
     public $maxImages = 5;
 
     protected $listeners = [
-        'person_updated' => 'render',
+        'photo_updated' => 'mount',
     ];
 
     public function previousImage()
@@ -51,8 +51,13 @@ public function deleteImage()
 
         toast()->success(__('person.photo_deleted') . '.', __('app.delete'))->push();
 
-        $this->mount();
-        $this->dispatch('person_updated');
+        $files = File::glob(public_path() . "/storage/photos/{$this->person->id}_*.webp");
+
+        $this->person->update([
+            'photo' => $files ? substr($files[0], strrpos($files[0], '/') + 1) : null,
+        ]);
+
+        $this->dispatch('photo_updated');
     }
 
     public function mount()