Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 16:22:59 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: auth layout if email is the only auth provider

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/pages/auth/layout.tsx
View File

@ -14,14 +14,14 @@ const authRoutes = [{ path: "/auth/login" }, { path: "/auth/register" }];
export const AuthLayout = () => { export const AuthLayout = () => {
const location = useLocation(); const location = useLocation();
const { providers } = useAuthProviders(); const { providers } = useAuthProviders();
const emailAuthDisabled = !providers || !providers.includes("email");
const isAuthRoute = useMemo(() => matchRoutes(authRoutes, location) !== null, [location]); const isAuthRoute = useMemo(() => matchRoutes(authRoutes, location) !== null, [location]);
if (!providers) return null; 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 ( return (
<div className="flex h-screen w-screen"> <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"> <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 && ( {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" /> <hr className="flex-1" />
<span className="text-xs font-medium"> <span className="text-xs font-medium">
{t({ {t({

2
apps/server/src/storage/storage.service.ts
View File

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