barbercollie/tinyauth
1
0
Fork 1
mirror of https://github.com/steveiliop56/tinyauth.git synced 2026-05-12 15:28:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use better names for context in login page

Browse Source
This commit is contained in:
Stavros
2026-05-11 15:52:17 +03:00
parent bc7c604a7d
commit 9c0fe751cc
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/login-page.tsx
+10 -6
View File
@@ -37,7 +37,11 @@ const iconMap: Record<string, React.ReactNode> = {
export const LoginPage = () => { export const LoginPage = () => {
const { auth, tailscale } = useUserContext(); const { auth, tailscale } = useUserContext();
const { ui, oauth, auth: cauth } = useAppContext(); const {
ui,
oauth,
auth: { providers },
} = useAppContext();
const { search } = useLocation(); const { search } = useLocation();
const { t } = useTranslation(); const { t } = useTranslation();
@@ -56,15 +60,15 @@ export const LoginPage = () => {
const oidcParams = useOIDCParams(searchParams); const oidcParams = useOIDCParams(searchParams);
const [isOauthAutoRedirect, setIsOauthAutoRedirect] = useState( const [isOauthAutoRedirect, setIsOauthAutoRedirect] = useState(
cauth.providers.find((provider) => provider.id === oauth.autoRedirect) !== providers.find((provider) => provider.id === oauth.autoRedirect) !==
undefined && redirectUri !== undefined, undefined && redirectUri !== undefined,
); );
const oauthProviders = cauth.providers.filter( const oauthProviders = providers.filter(
(provider) => provider.id !== "local" && provider.id !== "ldap", (provider) => provider.id !== "local" && provider.id !== "ldap",
); );
const userAuthConfigured = const userAuthConfigured =
cauth.providers.find( providers.find(
(provider) => provider.id === "local" || provider.id === "ldap", (provider) => provider.id === "local" || provider.id === "ldap",
) !== undefined; ) !== undefined;
@@ -300,7 +304,7 @@ export const LoginPage = () => {
<Card> <Card>
<CardHeader className="gap-1.5"> <CardHeader className="gap-1.5">
<CardTitle className="text-center text-xl">{ui.title}</CardTitle> <CardTitle className="text-center text-xl">{ui.title}</CardTitle>
{cauth.providers.length > 0 && ( {providers.length > 0 && (
<CardDescription className="text-center"> <CardDescription className="text-center">
{oauthProviders.length !== 0 {oauthProviders.length !== 0
? t("loginTitle") ? t("loginTitle")
@@ -338,7 +342,7 @@ export const LoginPage = () => {
})()} })()}
/> />
)} )}
{cauth.providers.length == 0 && ( {providers.length == 0 && (
<pre className="break-normal! text-sm text-red-600"> <pre className="break-normal! text-sm text-red-600">
{t("failedToFetchProvidersTitle")} {t("failedToFetchProvidersTitle")}
</pre> </pre>