From 820db3e96d14c952d1149c8b83e93a0a24fcb2a5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 5 Oct 2022 18:02:03 +0200
Subject: [PATCH] feat(openid): show error message from query after being
 redirected from third party

Resolves https://kolaente.dev/vikunja/frontend/issues/2111
---
 src/views/user/OpenIdAuth.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/user/OpenIdAuth.vue b/src/views/user/OpenIdAuth.vue
index a7a2a2616..3d9a1e254 100644
--- a/src/views/user/OpenIdAuth.vue
+++ b/src/views/user/OpenIdAuth.vue
@@ -3,6 +3,9 @@
 		<message variant="danger" v-if="errorMessage">
 			{{ errorMessage }}
 		</message>
+		<message variant="danger" v-if="errorMessageFromQuery" class="mt-2">
+			{{ errorMessageFromQuery }}
+		</message>
 		<message v-if="loading">
 			{{ $t('user.auth.authenticating') }}
 		</message>
@@ -33,6 +36,7 @@ const authStore = useAuthStore()
 
 const loading = computed(() => authStore.isLoading)
 const errorMessage = ref('')
+const errorMessageFromQuery = computed(() => route.query.error)
 
 async function authenticateWithCode() {
 	// This component gets mounted twice: The first time when the actual auth request hits the frontend,