Nicer information messages

webapp/components/PasswordReset/PasswordReset.vue

@@ -37,7 +37,7 @@
       <div v-else>
         <transition name="ds-transition-fade">
           <ds-flex centered>
-            <sweetalert-icon icon="success" />
+            <sweetalert-icon icon="info" />
           </ds-flex>
         </transition>
         <ds-text v-html="submitMessage" />

webapp/components/PasswordReset/VerifyCode.vue

@@ -64,6 +64,7 @@
           </ds-space>
         </ds-form>
         <ds-text v-else>
+          <sweetalert-icon :icon="changePasswordResult" />
           {{ changePasswordResultMessage }}
         </ds-text>
       </template>
@@ -74,9 +75,11 @@
 <script>
 import PasswordStrength from '../Password/Strength'
 import gql from 'graphql-tag'
+import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {
   components: {
+    SweetalertIcon,
     PasswordStrength,
   },
   data() {

webapp/locales/de.json

@@ -29,7 +29,7 @@
       "submit": "Sicherheitscode überprüfen",
       "change-password":{
         "success": "Änderung des Passworts war erfolgreich",
-        "failure": "Passwort Änderung fehlgeschlagen. Möglicherweise falscher Sicherheitscode?"
+        "error": "Passwort Änderung fehlgeschlagen. Möglicherweise falscher Sicherheitscode?"
       }
     }
   },

webapp/locales/en.json

@@ -29,7 +29,7 @@
       "submit": "Check security code",
       "change-password": {
         "success": "Changing your password was successful",
-        "failure": "Changing your password failed. Maybe the security code was not correct?"
+        "error": "Changing your password failed. Maybe the security code was not correct?"
       }
     }
   },