Organize routes

Author: cte

src/app/(auth)/(center)/layout.tsx

@@ -3,7 +3,7 @@ import { useTranslations } from 'next-intl';
 
 import { TitleBar } from '@/components/dashboard/TitleBar';
 
-const OrganizationProfilePage = () => {
+export default function Page() {
   const t = useTranslations('OrganizationProfile');
 
   return (
@@ -26,6 +26,4 @@ const OrganizationProfilePage = () => {
       />
     </>
   );
-};
-
-export default OrganizationProfilePage;
+}

src/app/(auth)/dashboard/page.tsx

@@ -0,0 +1,37 @@
+import { useTranslations } from 'next-intl';
+
+import { TitleBar } from '@/components/dashboard/TitleBar';
+
+const DashboardIndexPage = () => {
+  const t = useTranslations('DashboardIndex');
+
+  return (
+    <>
+      <TitleBar
+        title={t('title_bar')}
+        description={t('title_bar_description')}
+      />
+      <div className="flex h-[600px] flex-col items-center justify-center rounded-md bg-card p-5">
+        <div className="size-16 rounded-full bg-muted p-3 [&_svg]:stroke-muted-foreground [&_svg]:stroke-2">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M0 0h24v24H0z" stroke="none" />
+            <path d="M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3M12 12l8-4.5M12 12v9M12 12L4 7.5" />
+          </svg>
+        </div>
+        <div className="mt-3 text-center">
+          <div className="text-xl font-semibold">
+            {t('message_state_title')}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default DashboardIndexPage;

src/app/(auth)/layout.tsx

@@ -3,7 +3,7 @@ import { useTranslations } from 'next-intl';
 
 import { TitleBar } from '@/components/dashboard/TitleBar';
 
-const UserProfilePage = () => {
+export default function Page() {
   const t = useTranslations('UserProfile');
 
   return (
@@ -12,19 +12,11 @@ const UserProfilePage = () => {
         title={t('title_bar')}
         description={t('title_bar_description')}
       />
-
       <UserProfile
         routing="path"
         path="/dashboard/user-profile"
-        appearance={{
-          elements: {
-            rootBox: 'w-full',
-            cardBox: 'w-full flex',
-          },
-        }}
+        appearance={{ elements: { rootBox: 'w-full', cardBox: 'w-full flex' } }}
       />
     </>
   );
-};
-
-export default UserProfilePage;
+}

src/app/(auth)/dashboard/layout.tsx …app/(authenticated)/dashboard/layout.tsxsrc/app/(auth)/dashboard/layout.tsx renamed to src/app/(authenticated)/dashboard/layout.tsx src/app/(auth)/dashboard/layout.tsx renamed to src/app/(authenticated)/dashboard/layout.tsx

@@ -0,0 +1,16 @@
+import { redirect } from 'next/navigation';
+import { auth as clerkAuth } from '@clerk/nextjs/server';
+
+export default async function CenteredLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const auth = await clerkAuth();
+
+  if (!auth.userId) {
+    redirect('/');
+  }
+
+  return children;
+}

…ile/[[...organization-profile]]/page.tsx …ile/[[...organization-profile]]/page.tsxsrc/app/(auth)/dashboard/organization-profile/[[...organization-profile]]/page.tsx renamed to src/app/(authenticated)/dashboard/organization-profile/[[...organization-profile]]/page.tsx src/app/(auth)/dashboard/organization-profile/[[...organization-profile]]/page.tsx renamed to src/app/(authenticated)/dashboard/organization-profile/[[...organization-profile]]/page.tsx

@@ -3,6 +3,8 @@ import '@/styles/globals.css';
 import type { Metadata } from 'next';
 import { NextIntlClientProvider } from 'next-intl';
 import { getLocale } from 'next-intl/server';
+import { enUS, frFR } from '@clerk/localizations';
+import { ClerkProvider } from '@clerk/nextjs';
 
 import { ThemeProvider } from '@/components/ThemeProvider';
 
@@ -45,7 +47,9 @@ export default async function RootLayout({
             enableSystem
             disableTransitionOnChange
           >
-            {children}
+            <ClerkProvider localization={locale === 'fr' ? frFR : enUS}>
+              {children}
+            </ClerkProvider>
           </ThemeProvider>
         </NextIntlClientProvider>
       </body>