From dd9062ebf902e980e6cb8d1b7a5b95704b158415 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 13 Jun 2023 12:25:02 +0200
Subject: [PATCH] disable button change password, add invalid from validation
 observer

---
 frontend/src/components/UserSettings/UserPassword.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/UserSettings/UserPassword.vue b/frontend/src/components/UserSettings/UserPassword.vue
index ed37cca1c..9eeac80d4 100644
--- a/frontend/src/components/UserSettings/UserPassword.vue
+++ b/frontend/src/components/UserSettings/UserPassword.vue
@@ -17,7 +17,7 @@
     </div>
 
     <div v-if="!showPassword">
-      <validation-observer ref="observer" v-slot="{ handleSubmit }">
+      <validation-observer ref="observer" v-slot="{ handleSubmit, invalid }">
         <b-form @submit.stop.prevent="handleSubmit(onSubmit)">
           <b-row class="mb-2">
             <b-col>
@@ -34,9 +34,9 @@
               <div class="text-right">
                 <b-button
                   type="submit"
-                  :variant="disabled ? 'light' : 'success'"
+                  :variant="invalid ? 'light' : 'success'"
                   class="mt-4"
-                  :disabled="disabled"
+                  :disabled="invalid && disabled"
                   data-test="submit-new-password-btn"
                 >
                   {{ $t('form.save') }}
@@ -101,10 +101,7 @@ export default {
   },
   computed: {
     disabled() {
-      return !(
-        this.form.newPassword.password !== '' &&
-        this.form.newPassword.password !== this.form.newPassword.passwordRepeat
-      )
+      return this.form.newPassword.password !== this.form.newPassword.passwordRepeat
     },
   },
 }