From ab2136d5abc5f765f138b1de06da690bf1416e90 Mon Sep 17 00:00:00 2001
From: Max Peintner <peintnerm@gmail.com>
Date: Fri, 27 Dec 2024 11:55:35 +0100
Subject: [PATCH] show error

---
 .../(login)/idp/[provider]/success/page.tsx    |  2 ++
 .../components/idps/pages/linking-failed.tsx   | 18 ++++++++++--------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/apps/login/src/app/(login)/idp/[provider]/success/page.tsx b/apps/login/src/app/(login)/idp/[provider]/success/page.tsx
index d84f5ac55e..8b0d0c256e 100644
--- a/apps/login/src/app/(login)/idp/[provider]/success/page.tsx
+++ b/apps/login/src/app/(login)/idp/[provider]/success/page.tsx
@@ -84,6 +84,7 @@ export default async function Page(props: {
         userId,
       );
     } catch (error) {
+      console.error(error);
       return linkingFailed(branding);
     }
 
@@ -137,6 +138,7 @@ export default async function Page(props: {
           foundUser.userId,
         );
       } catch (error) {
+        console.error(error);
         return linkingFailed(branding);
       }
 
diff --git a/apps/login/src/components/idps/pages/linking-failed.tsx b/apps/login/src/components/idps/pages/linking-failed.tsx
index bb632846d0..f4016a3394 100644
--- a/apps/login/src/components/idps/pages/linking-failed.tsx
+++ b/apps/login/src/components/idps/pages/linking-failed.tsx
@@ -3,7 +3,10 @@ import { getLocale, getTranslations } from "next-intl/server";
 import { Alert, AlertType } from "../../alert";
 import { DynamicTheme } from "../../dynamic-theme";
 
-export async function linkingFailed(branding?: BrandingSettings) {
+export async function linkingFailed(
+  branding?: BrandingSettings,
+  error?: string,
+) {
   const locale = getLocale();
   const t = await getTranslations({ locale, namespace: "idp" });
 
@@ -11,13 +14,12 @@ export async function linkingFailed(branding?: BrandingSettings) {
     <DynamicTheme branding={branding}>
       <div className="flex flex-col items-center space-y-4">
         <h1>{t("linkingError.title")}</h1>
-        <div className="w-full">
-          {
-            <Alert type={AlertType.ALERT}>
-              {t("linkingError.description")}
-            </Alert>
-          }
-        </div>
+        <p className="ztdl-p">{t("linkingError.description")}</p>
+        {error && (
+          <div className="w-full">
+            {<Alert type={AlertType.ALERT}>{error}</Alert>}
+          </div>
+        )}
       </div>
     </DynamicTheme>
   );