From 58138f2da305cd50f6cf8b1b5596d1666bc4eb8e Mon Sep 17 00:00:00 2001
From: Phsm Qwerty <phsm@users.noreply.github.com>
Date: Mon, 2 Dec 2024 09:08:26 +0100
Subject: [PATCH] fix: remove double <form> element from 2FA form (#9851)

---
 ui/src/views/dashboard/VerifyTwoFa.vue | 66 +++++++++++++-------------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/ui/src/views/dashboard/VerifyTwoFa.vue b/ui/src/views/dashboard/VerifyTwoFa.vue
index 0d6ec52b87e..6c0f5f8a380 100644
--- a/ui/src/views/dashboard/VerifyTwoFa.vue
+++ b/ui/src/views/dashboard/VerifyTwoFa.vue
@@ -17,41 +17,39 @@
 
 <template>
   <div class="center">
-    <a-form>
-      <img
-        v-if="$config.banner"
-        :src="$config.banner"
-        class="user-layout-logo"
-        alt="logo">
-      <h1 style="text-align: center; font-size: 24px; color: gray"> {{ $t('label.two.factor.authentication') }} </h1>
-      <p v-if="$store.getters.twoFaProvider === 'totp'" style="text-align: center; font-size: 16px;" v-html="$t('message.two.fa.auth.totp')"></p>
-      <p v-if="$store.getters.twoFaProvider === 'staticpin'" style="text-align: center; font-size: 16px;" v-html="$t('message.two.fa.auth.staticpin')"></p>
-      <br />
-      <a-form
-        :ref="formRef"
-        :model="form"
-        :rules="rules"
-        @finish="handleSubmit"
-        layout="vertical">
-        <a-form-item name="code" ref="code" style="text-align: center;">
-          <a-input-password
-            style="width: 500px"
-            v-model:value="form.code"
-            placeholder="xxxxxx" />
-        </a-form-item>
-        <br/>
-        <div :span="24" class="center-align top-padding">
-          <a-button
-            :loading="loading"
-            ref="submit"
-            type="primary"
-            :disabled="buttonstate"
-            class="center-align"
-            @click="handleSubmit">{{ $t('label.verify') }}
-          </a-button>
-        </div>
+    <img
+      v-if="$config.banner"
+      :src="$config.banner"
+      class="user-layout-logo"
+      alt="logo">
+    <h1 style="text-align: center; font-size: 24px; color: gray"> {{ $t('label.two.factor.authentication') }} </h1>
+    <p v-if="$store.getters.twoFaProvider === 'totp'" style="text-align: center; font-size: 16px;" v-html="$t('message.two.fa.auth.totp')"></p>
+    <p v-if="$store.getters.twoFaProvider === 'staticpin'" style="text-align: center; font-size: 16px;" v-html="$t('message.two.fa.auth.staticpin')"></p>
+    <br />
+    <a-form
+      :ref="formRef"
+      :model="form"
+      :rules="rules"
+      @finish="handleSubmit"
+      layout="vertical">
+      <a-form-item name="code" ref="code" style="text-align: center;">
+        <a-input-password
+          style="width: 500px"
+          v-model:value="form.code"
+          placeholder="xxxxxx" />
+      </a-form-item>
+      <br/>
+      <div :span="24" class="center-align top-padding">
+        <a-button
+          :loading="loading"
+          ref="submit"
+          type="primary"
+          :disabled="buttonstate"
+          class="center-align"
+          @click="handleSubmit">{{ $t('label.verify') }}
+        </a-button>
+      </div>
 
-      </a-form>
     </a-form>
   </div>
 </template>