fix: static rendering for sign in and sign up page

ixartz · Nov 20, 2024 · 2b6e75f · 2b6e75f
1 parent 2b73152
commit 2b6e75f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/src/app/[locale]/(auth)/(center)/layout.tsx b/src/app/[locale]/(auth)/(center)/layout.tsx
@@ -1,12 +1,11 @@
-import { auth } from '@clerk/nextjs/server';
-import { redirect } from 'next/navigation';
+import { setRequestLocale } from 'next-intl/server';
 
-export default async function CenteredLayout(props: { children: React.ReactNode }) {
-  const { userId } = await auth();
-
-  if (userId) {
-    redirect('/dashboard');
-  }
+export default async function CenteredLayout(props: {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await props.params;
+  setRequestLocale(locale);
 
   return (
     <div className="flex min-h-screen items-center justify-center">

diff --git a/src/app/[locale]/(auth)/(center)/sign-in/[[...sign-in]]/page.tsx b/src/app/[locale]/(auth)/(center)/sign-in/[[...sign-in]]/page.tsx
@@ -1,6 +1,6 @@
 import { getI18nPath } from '@/utils/Helpers';
 import { SignIn } from '@clerk/nextjs';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 
 type ISignInPageProps = {
   params: Promise<{ locale: string }>;
@@ -21,6 +21,7 @@ export async function generateMetadata(props: ISignInPageProps) {
 
 export default async function SignInPage(props: ISignInPageProps) {
   const { locale } = await props.params;
+  setRequestLocale(locale);
 
   return (
     <SignIn path={getI18nPath('/sign-in', locale)} />

diff --git a/src/app/[locale]/(auth)/(center)/sign-up/[[...sign-up]]/page.tsx b/src/app/[locale]/(auth)/(center)/sign-up/[[...sign-up]]/page.tsx
@@ -1,6 +1,6 @@
 import { getI18nPath } from '@/utils/Helpers';
 import { SignUp } from '@clerk/nextjs';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 
 type ISignUpPageProps = {
   params: Promise<{ locale: string }>;
@@ -21,6 +21,7 @@ export async function generateMetadata(props: ISignUpPageProps) {
 
 export default async function SignUpPage(props: ISignUpPageProps) {
   const { locale } = await props.params;
+  setRequestLocale(locale);
 
   return (
     <SignUp path={getI18nPath('/sign-up', locale)} />