fix: auth layout if email is the only auth provider

This commit is contained in:
Amruth Pillai
2023-11-23 17:15:49 +01:00
parent 7131518f3f
commit 6e53a0f7a3
2 changed files with 5 additions and 5 deletions

View File

@ -14,14 +14,14 @@ const authRoutes = [{ path: "/auth/login" }, { path: "/auth/register" }];
export const AuthLayout = () => {
const location = useLocation();
const { providers } = useAuthProviders();
const emailAuthDisabled = !providers || !providers.includes("email");
const isAuthRoute = useMemo(() => matchRoutes(authRoutes, location) !== null, [location]);
if (!providers) return null;
// Condition (providers.length === 1) hides the divider if providers[] includes only "email"
const hideDivider = !providers.includes("email") || providers.length === 1;
return (
<div className="flex h-screen w-screen">
<div className="relative flex w-full flex-col justify-center gap-y-8 px-12 sm:mx-auto sm:basis-[420px] sm:px-0 lg:basis-[480px] lg:px-12">
@ -40,7 +40,7 @@ export const AuthLayout = () => {
{isAuthRoute && (
<>
<div className={cn("flex items-center gap-x-4", emailAuthDisabled && "hidden")}>
<div className={cn("flex items-center gap-x-4", hideDivider && "hidden")}>
<hr className="flex-1" />
<span className="text-xs font-medium">
{t({

View File

@ -17,7 +17,7 @@ import { Config } from "../config/schema";
type ImageUploadType = "pictures" | "previews";
type DocumentUploadType = "resumes";
type UploadType = ImageUploadType | DocumentUploadType;
export type UploadType = ImageUploadType | DocumentUploadType;
const PUBLIC_ACCESS_POLICY = {
Version: "2012-10-17",