binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: hide create account button on ENABLE_SIGNUP=0 (#6841)

Browse source
This commit is contained in:
Lorenzo Palaia 2025-04-04 13:22:59 +02:00 • committed by GitHub
parent 2d0a15efd6
commit 9c1b158291
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 54 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

49
web/app/accounts/forgot-password/page.tsx
View file

@ -6,6 +6,7 @@ import Link from "next/link";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
import useSWR from "swr";
// icons // icons
import { CircleCheck } from "lucide-react"; import { CircleCheck } from "lucide-react";
// plane imports // plane imports
@ -17,7 +18,7 @@ import { EPageTypes } from "@/helpers/authentication.helper";
import { cn } from "@/helpers/common.helper"; import { cn } from "@/helpers/common.helper";
import { checkEmailValidity } from "@/helpers/string.helper"; import { checkEmailValidity } from "@/helpers/string.helper";
// hooks // hooks
import { useEventTracker } from "@/hooks/store"; import { useEventTracker, useInstance } from "@/hooks/store";
import useTimer from "@/hooks/use-timer"; import useTimer from "@/hooks/use-timer";
// wrappers // wrappers
import { AuthenticationWrapper } from "@/lib/wrappers"; import { AuthenticationWrapper } from "@/lib/wrappers";
@ -48,6 +49,7 @@ const ForgotPasswordPage = observer(() => {
const { t } = useTranslation(); const { t } = useTranslation();
// store hooks // store hooks
const { captureEvent } = useEventTracker(); const { captureEvent } = useEventTracker();
const { fetchInstanceConfigurations, formattedConfig } = useInstance();
// hooks // hooks
const { resolvedTheme } = useTheme(); const { resolvedTheme } = useTheme();
// timer // timer
@ -93,6 +95,11 @@ const ForgotPasswordPage = observer(() => {
}); });
}; };
useSWR("INSTANCE_CONFIGURATIONS", () => fetchInstanceConfigurations());
// derived values
const enableSignUpConfig = formattedConfig?.ENABLE_SIGNUP ?? "";
const logo = resolvedTheme === "light" ? BlackHorizontalLogo : WhiteHorizontalLogo; const logo = resolvedTheme === "light" ? BlackHorizontalLogo : WhiteHorizontalLogo;
return ( return (
@ -101,39 +108,41 @@ const ForgotPasswordPage = observer(() => {
<div className="absolute inset-0 z-0"> <div className="absolute inset-0 z-0">
<Image <Image
src={resolvedTheme === "dark" ? PlaneBackgroundPatternDark : PlaneBackgroundPattern} src={resolvedTheme === "dark" ? PlaneBackgroundPatternDark : PlaneBackgroundPattern}
className="w-full h-full object-cover" className="object-cover w-full h-full"
alt="Plane background pattern" alt="Plane background pattern"
/> />
</div> </div>
<div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col"> <div className="relative z-10 flex flex-col w-screen h-screen overflow-hidden overflow-y-auto">
<div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all"> <div className="container relative flex items-center justify-between flex-shrink-0 min-w-full px-10 pb-4 transition-all lg:px-20 xl:px-36">
<div className="flex items-center gap-x-2 py-10"> <div className="flex items-center py-10 gap-x-2">
<Link href={`/`} className="h-[30px] w-[133px]"> <Link href={`/`} className="h-[30px] w-[133px]">
<Image src={logo} alt="Plane logo" /> <Image src={logo} alt="Plane logo" />
</Link> </Link>
</div> </div>
<div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300"> {enableSignUpConfig && (
{t("auth.common.new_to_plane")} <div className="flex flex-col items-end text-sm font-medium text-center sm:items-center sm:gap-2 sm:flex-row text-onboarding-text-300">
<Link {t("auth.common.new_to_plane")}
href="/" <Link
onClick={() => captureEvent(NAVIGATE_TO_SIGNUP, {})} href="/"
className="font-semibold text-custom-primary-100 hover:underline" onClick={() => captureEvent(NAVIGATE_TO_SIGNUP, {})}
> className="font-semibold text-custom-primary-100 hover:underline"
{t("auth.common.create_account")} >
</Link> {t("auth.common.create_account")}
</div> </Link>
</div>
)}
</div> </div>
<div className="flex-grow container mx-auto max-w-lg px-10 lg:max-w-md lg:px-5 py-10 lg:pt-28 transition-all"> <div className="container flex-grow max-w-lg px-10 py-10 mx-auto transition-all lg:max-w-md lg:px-5 lg:pt-28">
<div className="relative flex flex-col space-y-6"> <div className="relative flex flex-col space-y-6">
<div className="text-center space-y-1 py-4"> <div className="py-4 space-y-1 text-center">
<h3 className="flex gap-4 justify-center text-3xl font-bold text-onboarding-text-100"> <h3 className="flex justify-center gap-4 text-3xl font-bold text-onboarding-text-100">
{t("auth.forgot_password.title")} {t("auth.forgot_password.title")}
</h3> </h3>
<p className="font-medium text-onboarding-text-400">{t("auth.forgot_password.description")}</p> <p className="font-medium text-onboarding-text-400">{t("auth.forgot_password.description")}</p>
</div> </div>
<form onSubmit={handleSubmit(handleForgotPassword)} className="mt-5 space-y-4"> <form onSubmit={handleSubmit(handleForgotPassword)} className="mt-5 space-y-4">
<div className="space-y-1"> <div className="space-y-1">
<label className="text-sm text-onboarding-text-300 font-medium" htmlFor="email"> <label className="text-sm font-medium text-onboarding-text-300" htmlFor="email">
{t("auth.common.email.label")} {t("auth.common.email.label")}
</label> </label>
<Controller <Controller
@ -160,7 +169,7 @@ const ForgotPasswordPage = observer(() => {
)} )}
/> />
{resendTimerCode > 0 && ( {resendTimerCode > 0 && (
<p className="flex w-full items-start px-1 gap-1 text-xs font-medium text-green-700"> <p className="flex items-start w-full gap-1 px-1 text-xs font-medium text-green-700">
<CircleCheck height={12} width={12} className="mt-0.5" /> <CircleCheck height={12} width={12} className="mt-0.5" />
{t("auth.forgot_password.email_sent")} {t("auth.forgot_password.email_sent")}
</p> </p>

40
web/app/page.tsx
View file

@ -6,6 +6,7 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
// ui // ui
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import useSWR from "swr";
// components // components
import { NAVIGATE_TO_SIGNUP } from "@plane/constants"; import { NAVIGATE_TO_SIGNUP } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
@ -15,7 +16,7 @@ import { PageHead } from "@/components/core";
// helpers // helpers
import { EAuthModes, EPageTypes } from "@/helpers/authentication.helper"; import { EAuthModes, EPageTypes } from "@/helpers/authentication.helper";
// hooks // hooks
import { useEventTracker } from "@/hooks/store"; import { useEventTracker, useInstance } from "@/hooks/store";
// layouts // layouts
import DefaultLayout from "@/layouts/default-layout"; import DefaultLayout from "@/layouts/default-layout";
// wrappers // wrappers
@ -32,6 +33,13 @@ const HomePage = observer(() => {
const { t } = useTranslation(); const { t } = useTranslation();
// hooks // hooks
const { captureEvent } = useEventTracker(); const { captureEvent } = useEventTracker();
// store
const { fetchInstanceConfigurations, formattedConfig } = useInstance();
useSWR("INSTANCE_CONFIGURATIONS", () => fetchInstanceConfigurations());
// derived values
const enableSignUpConfig = formattedConfig?.ENABLE_SIGNUP ?? "";
const logo = resolvedTheme === "light" ? BlackHorizontalLogo : WhiteHorizontalLogo; const logo = resolvedTheme === "light" ? BlackHorizontalLogo : WhiteHorizontalLogo;
@ -44,27 +52,29 @@ const HomePage = observer(() => {
<div className="absolute inset-0 z-0"> <div className="absolute inset-0 z-0">
<Image <Image
src={resolvedTheme === "dark" ? PlaneBackgroundPatternDark : PlaneBackgroundPattern} src={resolvedTheme === "dark" ? PlaneBackgroundPatternDark : PlaneBackgroundPattern}
className="w-full h-full object-cover" className="object-cover w-full h-full"
alt="Plane background pattern" alt="Plane background pattern"
/> />
</div> </div>
<div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col"> <div className="relative z-10 flex flex-col w-screen h-screen overflow-hidden overflow-y-auto">
<div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all"> <div className="container relative flex items-center justify-between flex-shrink-0 min-w-full px-10 pb-4 transition-all lg:px-20 xl:px-36">
<div className="flex items-center gap-x-2 py-10"> <div className="flex items-center py-10 gap-x-2">
<Link href={`/`} className="h-[30px] w-[133px]"> <Link href={`/`} className="h-[30px] w-[133px]">
<Image src={logo} alt="Plane logo" /> <Image src={logo} alt="Plane logo" />
</Link> </Link>
</div> </div>
<div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300"> {enableSignUpConfig && (
{t("auth.common.new_to_plane")} <div className="flex flex-col items-end text-sm font-medium text-center sm:items-center sm:gap-2 sm:flex-row text-onboarding-text-300">
<Link {t("auth.common.new_to_plane")}
href="/sign-up" <Link
onClick={() => captureEvent(NAVIGATE_TO_SIGNUP, {})} href="/sign-up"
className="font-semibold text-custom-primary-100 hover:underline" onClick={() => captureEvent(NAVIGATE_TO_SIGNUP, {})}
> className="font-semibold text-custom-primary-100 hover:underline"
{t("auth.common.create_account")} >
</Link> {t("auth.common.create_account")}
</div> </Link>
</div>
)}
</div> </div>
<div className="flex flex-col justify-center flex-grow container h-[100vh-60px] mx-auto max-w-lg px-10 lg:max-w-md lg:px-5 transition-all"> <div className="flex flex-col justify-center flex-grow container h-[100vh-60px] mx-auto max-w-lg px-10 lg:max-w-md lg:px-5 transition-all">
<AuthRoot authMode={EAuthModes.SIGN_IN} /> <AuthRoot authMode={EAuthModes.SIGN_IN} />