fix: add clearErrors on DeleteUserForm on closeModal function (#406)

* fix: add clearErrors on DeleteUserForm on closeModal Closing delete user modal with validation errors it will reset the input but not reset the validation errors. Adding clearErrors on closeModal function will resolve this issue. * Update DeleteUserForm.tsx * Update DeleteUserForm.jsx * Update DeleteUserForm.vue * Update DeleteUserForm.vue --------- Co-authored-by: Taylor Otwell <taylor@laravel.com>
laravel · Sep 9, 2024 · 666ea22 · 666ea22
1 parent 2785c74
commit 666ea22
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/stubs/inertia-react-ts/resources/js/Pages/Profile/Partials/DeleteUserForm.tsx b/stubs/inertia-react-ts/resources/js/Pages/Profile/Partials/DeleteUserForm.tsx
@@ -18,6 +18,7 @@ export default function DeleteUserForm({ className = '' }: { className?: string
         processing,
         reset,
         errors,
+        clearErrors,
     } = useForm({
         password: '',
     });
@@ -40,6 +41,7 @@ export default function DeleteUserForm({ className = '' }: { className?: string
     const closeModal = () => {
         setConfirmingUserDeletion(false);
 
+        clearErrors();
         reset();
     };
 

diff --git a/stubs/inertia-react/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx b/stubs/inertia-react/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx
@@ -18,6 +18,7 @@ export default function DeleteUserForm({ className = '' }) {
         processing,
         reset,
         errors,
+        clearErrors,
     } = useForm({
         password: '',
     });
@@ -40,6 +41,7 @@ export default function DeleteUserForm({ className = '' }) {
     const closeModal = () => {
         setConfirmingUserDeletion(false);
 
+        clearErrors();
         reset();
     };
 

diff --git a/stubs/inertia-vue-ts/resources/js/Pages/Profile/Partials/DeleteUserForm.vue b/stubs/inertia-vue-ts/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
@@ -35,6 +35,7 @@ const deleteUser = () => {
 const closeModal = () => {
     confirmingUserDeletion.value = false;
 
+    form.clearErrors();
     form.reset();
 };
 </script>

diff --git a/stubs/inertia-vue/resources/js/Pages/Profile/Partials/DeleteUserForm.vue b/stubs/inertia-vue/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
@@ -33,6 +33,7 @@ const deleteUser = () => {
 const closeModal = () => {
     confirmingUserDeletion.value = false;
 
+    form.clearErrors();
     form.reset();
 };
 </script>