fixing memory leak in users index crud

Author: devajmeireles

.gitignore

@@ -9,6 +9,7 @@
 .env
 .env.backup
 .env.production
+.env.testing
 .phpactor.json
 .phpunit.result.cache
 Homestead.json

app/Livewire/Users/Update.php

@@ -6,13 +6,14 @@
 use App\Models\User;
 use Illuminate\Contracts\View\View;
 use Illuminate\Validation\Rule;
+use Livewire\Attributes\On;
 use Livewire\Component;
 
 class Update extends Component
 {
     use Alert;
 
-    public User $user;
+    public ?User $user;
 
     public ?string $password = null;
 
@@ -25,6 +26,14 @@ public function render(): View
         return view('livewire.users.update');
     }
 
+    #[On('load::user')]
+    public function load(User $user): void
+    {
+        $this->user = $user;
+
+        $this->modal = true;
+    }
+
     public function rules(): array
     {
         return [

resources/views/livewire/users/index.blade.php

@@ -13,9 +13,11 @@
         @endinteract
         @interact('column_action', $row)
             <div class="flex gap-1">
-                <livewire:users.update :user="$row" :key="uniqid()" @updated="$refresh" />
+                <x-button.circle icon="pencil" wire:click="$dispatch('load::user', { 'user' : '{{ $row->id }}'})" />
                 <livewire:users.delete :user="$row" :key="uniqid()" @deleted="$refresh" />
             </div>
         @endinteract
     </x-table>
+
+    <livewire:users.update @updated="$refresh" />
 </div>

resources/views/livewire/users/update.blade.php

@@ -1,8 +1,6 @@
 <div>
-    <x-button.circle icon="pencil" wire:click="$toggle('modal')" />
-
-    <x-modal :title="__('Update User: #:id', ['id' => $user->id])" wire>
-        <form id="user-update-{{ $user->id }}" wire:submit="save" class="space-y-4">
+    <x-modal :title="__('Update User: #:id', ['id' => $user?->id])" wire>
+        <form id="user-update-{{ $user?->id }}" wire:submit="save" class="space-y-4">
             <div>
                 <x-input label="Name *" wire:model="user.name" required />
             </div>
@@ -25,7 +23,7 @@
             </div>
         </form>
         <x-slot:footer>
-            <x-button type="submit" form="user-update-{{ $user->id }}">
+            <x-button type="submit" form="user-update-{{ $user?->id }}">
                 Save
             </x-button>
         </x-slot:footer>

tests/Feature/Livewire/Users/UpdateTest.php

@@ -25,6 +25,15 @@
         ->assertSet('password_confirmation', null);
 });
 
+it('load the correct use', function () {
+    Livewire::test(Update::class)
+        ->call('load', $this->original)
+        ->assertSet('user.name', 'Original Name')
+        ->assertSet('user.email', '[email protected]')
+        ->assertSet('password', null)
+        ->assertSet('password_confirmation', null);
+});
+
 it('updates user name and email', function () {
     Livewire::test(Update::class, ['user' => $this->original])
         ->set('user.name', 'Updated Name')