ayanova/src/views/home-security.vue

@@ -2,12 +2,26 @@
   <v-row v-if="formState.ready">
     <v-col>
       <v-form ref="form">
+        <button
+          type="submit"
+          disabled
+          style="display: none"
+          aria-hidden="true"
+        ></button>
         <v-row>
           <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <template v-if="tfaEnabled">
-            <v-btn color="accent" text @click="disable()">{{
-              $ay.t("AuthDisableTwoFactor")
-            }}</v-btn>
+            <v-col cols="12">
+              <v-card class="mx-auto my-12" max-width="600">
+                <v-card-title>{{ $ay.t("AuthConnectAppTitle") }}</v-card-title>
+
+                <v-card-text>
+                  <v-btn color="accent" @click="disable()">{{
+                    $ay.t("AuthDisableTwoFactor")
+                  }}</v-btn>
+                </v-card-text>
+              </v-card>
+            </v-col>
           </template>
           <template v-else>
             <v-col cols="12">
@@ -171,6 +185,7 @@ export default {
           vm.formState.serverError = res.error;
           window.$gz.form.setErrorBoxErrors(vm);
         } else {
+          window.$gz.store.commit("setTfaEnabled", false);
           await window.$gz.dialog.displayLTModalNotificationMessage(
             "AuthTwoFactorDisabled"
           );
@@ -205,6 +220,7 @@ export default {
           window.$gz.form.setErrorBoxErrors(vm);
         } else {
           if (res.data.ok == true) {
+            window.$gz.store.commit("setTfaEnabled", true);
             //all ok, 2fa enabled
             await window.$gz.dialog.displayLTModalNotificationMessage(
               "AuthConnectCompleted"