Add delete photo button

routes/inertia.php

@@ -22,6 +22,9 @@
         Route::delete('/user', [CurrentUserController::class, 'destroy'])
                     ->name('current-user.destroy');
 
+        Route::delete('/user/profile-photo', [CurrentUserController::class, 'deleteProfilePhoto'])
+                    ->name('current-user-photo.destroy');
+
         // API...
         if (Jetstream::hasApiFeatures()) {
             Route::get('/user/api-tokens', [ApiTokenController::class, 'index'])->name('api-tokens.index');

src/HasProfilePhoto.php

@@ -28,6 +28,20 @@ public function updateProfilePhoto(UploadedFile $photo)
         });
     }
 
+    /**
+     * Delete the user's profile photo.
+     *
+     * @return void
+     */
+    public function deleteProfilePhoto()
+    {
+        Storage::disk($this->profilePhotoDisk())->delete($this->profile_photo_path);
+
+        $this->forceFill([
+            'profile_photo_path' => null,
+        ])->save();
+    }
+
     /**
      * Get the URL to the user's profile photo.
      *

src/Http/Controllers/Inertia/CurrentUserController.php

@@ -11,6 +11,19 @@
 
 class CurrentUserController extends Controller
 {
+    /**
+     * Delete the current user profile photo.
+     *
+     * @param Request $request
+     * @return \Illuminate\Http\RedirectResponse
+     */
+    public function deleteProfilePhoto(Request $request)
+    {
+        $request->user()->deleteProfilePhoto();
+
+        return back()->with('status', 'profile-photo-deleted');
+    }
+
     /**
      * Delete the current user.
      *

src/Http/Livewire/UpdateProfileInformationForm.php

@@ -59,6 +59,20 @@ public function updateProfileInformation(UpdatesUserProfileInformation $updater)
         $this->emit('saved');
     }
 
+    /**
+     * Delete user's profile photo.
+     *
+     * @param \Laravel\Fortify\Contracts\UpdatesUserProfileInformation $updater
+     *
+     * @return void
+     */
+    public function deleteProfilePhoto(UpdatesUserProfileInformation $updater)
+    {
+        Auth::user()->deleteProfilePhoto();
+
+        return redirect()->route('profile.show');
+    }
+
     /**
      * Get the current user of the application.
      *

stubs/inertia/resources/js/Pages/Profile/UpdateProfileInformationForm.vue

@@ -34,6 +34,10 @@
                     Select A New Photo
                 </jet-secondary-button>
 
+                <jet-button type="button" @click.native.prevent="deleteProfilePhoto" v-if="$page.user.profile_photo_path">
+                    Delete Photo
+                </jet-button>
+
                 <jet-input-error :message="form.error('photo')" class="mt-2" />
             </div>
 
@@ -103,6 +107,14 @@
         },
 
         methods: {
+            deleteProfilePhoto() {
+                this.$inertia.delete('/user/profile-photo', {
+                    preserveScroll: true,
+                }).then(() => {
+                    this.photoPreview = null
+                });
+            },
+            
             updateProfileInformation() {
                 if (this.$refs.photo) {
                     this.form.photo = this.$refs.photo.files[0]

stubs/livewire/resources/views/profile/update-profile-information-form.blade.php

@@ -42,6 +42,12 @@
                     Select A New Photo
                 </x-jet-secondary-button>
 
+                @if($this->user->profile_photo_path)
+                    <x-jet-button type="button" wire:click="deleteProfilePhoto">
+                        Delete Photo
+                    </x-jet-button>
+                @endif
+
                 <x-jet-input-error for="photo" class="mt-2" />
             </div>
         @endif