rm redundant language providers

This commit is contained in:
Max Peintner
2024-12-23 09:36:19 +01:00
parent 2bb46137ce
commit 0546a1c06e
4 changed files with 42 additions and 54 deletions

View File

@@ -2,7 +2,6 @@
import { Boundary } from "@/components/boundary";
import { Button } from "@/components/button";
import { LanguageProvider } from "@/components/language-provider";
import { useTranslations } from "next-intl";
import { useEffect } from "react";
@@ -14,17 +13,15 @@ export default function Error({ error, reset }: any) {
const t = useTranslations("error");
return (
<LanguageProvider>
<Boundary labels={["Login Error"]} color="red">
<div className="space-y-4">
<div className="text-sm text-red-500 dark:text-red-500">
<strong className="font-bold">Error:</strong> {error?.message}
</div>
<div>
<Button onClick={() => reset()}>{t("tryagain")}</Button>
</div>
<Boundary labels={["Login Error"]} color="red">
<div className="space-y-4">
<div className="text-sm text-red-500 dark:text-red-500">
<strong className="font-bold">Error:</strong> {error?.message}
</div>
</Boundary>
</LanguageProvider>
<div>
<Button onClick={() => reset()}>{t("tryagain")}</Button>
</div>
</div>
</Boundary>
);
}

View File

@@ -1,4 +1,3 @@
import { LanguageProvider } from "@/components/language-provider";
import { BrandingSettings } from "@zitadel/proto/zitadel/settings/v2/branding_settings_pb";
import { getLocale, getTranslations } from "next-intl/server";
import { Alert, AlertType } from "../../alert";
@@ -9,19 +8,17 @@ export async function linkingFailed(branding?: BrandingSettings) {
const t = await getTranslations({ locale, namespace: "idp" });
return (
<LanguageProvider>
<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>
<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>
</DynamicTheme>
</LanguageProvider>
</div>
</DynamicTheme>
);
}

View File

@@ -1,4 +1,3 @@
import { LanguageProvider } from "@/components/language-provider";
import { BrandingSettings } from "@zitadel/proto/zitadel/settings/v2/branding_settings_pb";
import { getLocale, getTranslations } from "next-intl/server";
import { Alert, AlertType } from "../../alert";
@@ -12,18 +11,16 @@ export async function loginFailed(
const t = await getTranslations({ locale, namespace: "idp" });
return (
<LanguageProvider>
<DynamicTheme branding={branding}>
<div className="flex flex-col items-center space-y-4">
<h1>{t("loginError.title")}</h1>
<p className="ztdl-p">{t("loginError.description")}</p>
{error && (
<div className="w-full">
{<Alert type={AlertType.ALERT}>{error}</Alert>}
</div>
)}
</div>
</DynamicTheme>
</LanguageProvider>
<DynamicTheme branding={branding}>
<div className="flex flex-col items-center space-y-4">
<h1>{t("loginError.title")}</h1>
<p className="ztdl-p">{t("loginError.description")}</p>
{error && (
<div className="w-full">
{<Alert type={AlertType.ALERT}>{error}</Alert>}
</div>
)}
</div>
</DynamicTheme>
);
}

View File

@@ -1,4 +1,3 @@
import { LanguageProvider } from "@/components/language-provider";
import { BrandingSettings } from "@zitadel/proto/zitadel/settings/v2/branding_settings_pb";
import { getLocale, getTranslations } from "next-intl/server";
import { DynamicTheme } from "../../dynamic-theme";
@@ -14,19 +13,17 @@ export async function loginSuccess(
const t = await getTranslations({ locale, namespace: "idp" });
return (
<LanguageProvider>
<DynamicTheme branding={branding}>
<div className="flex flex-col items-center space-y-4">
<h1>{t("loginSuccess.title")}</h1>
<p className="ztdl-p">{t("loginSuccess.description")}</p>
<DynamicTheme branding={branding}>
<div className="flex flex-col items-center space-y-4">
<h1>{t("loginSuccess.title")}</h1>
<p className="ztdl-p">{t("loginSuccess.description")}</p>
<IdpSignin
userId={userId}
idpIntent={idpIntent}
authRequestId={authRequestId}
/>
</div>
</DynamicTheme>
</LanguageProvider>
<IdpSignin
userId={userId}
idpIntent={idpIntent}
authRequestId={authRequestId}
/>
</div>
</DynamicTheme>
);
}