From 09ae4292acad8af3fef0b6dadb9f983a4218e1ba Mon Sep 17 00:00:00 2001
From: LovelessCodes <hello@loveless.codes>
Date: Tue, 10 Jun 2025 20:25:48 +0200
Subject: [PATCH] =?UTF-8?q?refactor:=20replace=20router.push=20with=20perm?=
 =?UTF-8?q?anentRedirect=20for=20disabled=20sig=E2=80=A6=20(#73)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: replace router.push with permanentRedirect for disabled signup flow

* feat: replace signup redirect with custom disabled signup UI
---
 apps/web/src/views/auth/signup/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/views/auth/signup/index.tsx b/apps/web/src/views/auth/signup/index.tsx
index 06e01f44..05f1fb37 100644
--- a/apps/web/src/views/auth/signup/index.tsx
+++ b/apps/web/src/views/auth/signup/index.tsx
@@ -1,6 +1,5 @@
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { env } from "next-runtime-env";
 import { useState } from "react";
 
 import { authClient } from "@kan/auth/client";
@@ -8,13 +7,12 @@ import { authClient } from "@kan/auth/client";
 import { Auth } from "~/components/AuthForm";
 import { PageHead } from "~/components/PageHead";
 import PatternedBackground from "~/components/PatternedBackground";
+import { env } from "next-runtime-env";
 
 export default function SignupPage() {
   const router = useRouter();
   const [isMagicLinkSent, setIsMagicLinkSent] = useState<boolean>(false);
   const [magicLinkRecipient, setMagicLinkRecipient] = useState<string>("");
-  const isSignUpDisabled =
-    env("NEXT_PUBLIC_DISABLE_SIGN_UP")?.toLowerCase() === "true";
 
   const handleMagicLinkSent = (value: boolean, recipient: string) => {
     setIsMagicLinkSent(value);
@@ -25,7 +23,14 @@ export default function SignupPage() {
 
   if (data?.user.id) router.push("/boards");
 
-  if (isSignUpDisabled) router.push("/login");
+  if (env("NEXT_PUBLIC_DISABLE_SIGN_UP")?.toLowerCase() === "true") {
+    return (
+      <div className="flex flex-col bg-light-100 dark:bg-dark-50 h-screen items-center justify-center">
+        <p className="mb-2 text-light-1000 dark:text-dark-1000 font-semibold text-sm">Sign up is disabled</p>
+        <Link href="/login" className="text-light-1000 dark:text-dark-1000 font-semibold text-sm rounded-md border border-light-900 dark:border-dark-900 px-4 py-2">Login</Link>
+      </div>
+    )
+  }
 
   return (
     <>