From a6c367ba249e9d53d318d6c2b0af68ee5bc56cd9 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 10 Jun 2025 18:04:32 +0200
Subject: [PATCH] Show 2fa error in login view

---
 dashboard/src/views/LoginView.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/LoginView.vue b/dashboard/src/views/LoginView.vue
index 7230ac99f..39696aba6 100644
--- a/dashboard/src/views/LoginView.vue
+++ b/dashboard/src/views/LoginView.vue
@@ -105,8 +105,8 @@ onMounted(async () => {
             <PasswordInput id="inputPassword" v-model="password" required/>
           </FormGroup>
 
-          <div class="has-error" v-if="passwordError">{{ $t('login.errorIncorrectCredentials') }}</div>
-          <div class="has-error" v-if="internalError">{{ $t('login.errorInternal') }}</div>
+          <div class="error-label" v-if="passwordError">{{ $t('login.errorIncorrectCredentials') }}</div>
+          <div class="error-label" v-if="internalError">{{ $t('login.errorInternal') }}</div>
 
           <div style="margin-top: 20px">
             <Button style="margin-right: 6px" id="loginSubmitButton" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
@@ -124,6 +124,8 @@ onMounted(async () => {
             <TextInput id="inputTotpToken" v-model="totpToken" required/>
           </FormGroup>
 
+          <div class="error-label" v-if="totpError">{{ $t('login.errorIncorrect2FAToken') }}</div>
+
           <Button id="totpTokenSubmitButton" style="margin-top: 12px" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
         </fieldset>
       </form>