Change folder structure for organization - /org/[organizationId] and …

…respective redirects
diggerhq · Jul 16, 2024 · f433ec0 · f433ec0
1 parent 977b2b3
commit f433ec0
Show file tree

Hide file tree

Showing 53 changed files with 10,375 additions and 13,079 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/...ion-pages)/@navbar/[...catchAll]/page.tsx → ...ion-pages)/@navbar/[...catchAll]/page.tsx b/...ion-pages)/@navbar/[...catchAll]/page.tsx → ...ion-pages)/@navbar/[...catchAll]/page.tsx
@@ -2,17 +2,18 @@
 import { T } from '@/components/ui/Typography';
 import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
-import { getOrganizationIdBySlug, getOrganizationTitle } from '@/data/user/organizations';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { getOrganizationTitle } from '@/data/user/organizations';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { UsersRound } from 'lucide-react';
 import Link from 'next/link';
 import { Suspense } from 'react';
 
 export async function generateMetadata({ params }: { params: unknown }) {
   try {
-    const { organizationSlug } = organizationSlugParamSchema.parse(params);
-    const organizationId = await getOrganizationIdBySlug(organizationSlug)
-
+    const { organizationId } = organizationParamSchema.parse(params);
+    console.log('----------------------------------------')
+    console.log('in [...catchAll]/page organizationId', organizationId)
+    console.log('----------------------------------------')
     const organizationTitle = await getOrganizationTitle(organizationId);
 
     return {
@@ -46,12 +47,11 @@ export default async function OrganizationProjectsNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
-  const organizationId = await getOrganizationIdBySlug(organizationSlug)
+  const { organizationId } = organizationParamSchema.parse(params);
 
   return (
     <div className="flex items-center">
-      <Link href={`/${organizationSlug}`}>
+      <Link href={`/org/${organizationId}`}>
         <span className="flex items-center space-x-2">
           <Suspense fallback={<Skeleton className="w-16 h-6" />}>
             <Title organizationId={organizationId} />

diff --git a/...ic-organization-pages)/@navbar/layout.tsx → ...ic-organization-pages)/@navbar/layout.tsx b/...ic-organization-pages)/@navbar/layout.tsx → ...ic-organization-pages)/@navbar/layout.tsx
diff --git a/...c-organization-pages)/@navbar/loading.tsx → ...c-organization-pages)/@navbar/loading.tsx b/...c-organization-pages)/@navbar/loading.tsx → ...c-organization-pages)/@navbar/loading.tsx
diff --git a/...ific-organization-pages)/@navbar/page.tsx → ...ific-organization-pages)/@navbar/page.tsx b/...ific-organization-pages)/@navbar/page.tsx → ...ific-organization-pages)/@navbar/page.tsx
@@ -2,16 +2,15 @@
 import { T } from '@/components/ui/Typography';
 import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
-import { getOrganizationIdBySlug, getOrganizationTitle } from '@/data/user/organizations';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { getOrganizationTitle } from '@/data/user/organizations';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { UsersRound } from 'lucide-react';
 import Link from 'next/link';
 import { Suspense } from 'react';
 
 export async function generateMetadata({ params }: { params: unknown }) {
   try {
-    const { organizationSlug } = organizationSlugParamSchema.parse(params);
-    const organizationId = await getOrganizationIdBySlug(organizationSlug)
+    const { organizationId } = organizationParamSchema.parse(params);
 
     const organizationTitle = await getOrganizationTitle(organizationId);
 
@@ -45,11 +44,10 @@ export default async function OrganizationNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
-  const organizationId = await getOrganizationIdBySlug(organizationSlug)
+  const { organizationId } = organizationParamSchema.parse(params);
   return (
     <div className="flex items-center">
-      <Link href={`/${organizationSlug}`}>
+      <Link href={`/org/${organizationId}`}>
         <span className="flex items-center space-x-2">
           <Suspense fallback={<Skeleton className="w-16 h-6" />}>
             <Title organizationId={organizationId} />

diff --git a/...)/@navbar/settings/[...catchAll]/page.tsx → ...)/@navbar/settings/[...catchAll]/page.tsx b/...)/@navbar/settings/[...catchAll]/page.tsx → ...)/@navbar/settings/[...catchAll]/page.tsx
@@ -1,6 +1,6 @@
 import { T } from '@/components/ui/Typography';
 import { cn } from '@/utils/cn';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { ArrowLeftIcon } from '@radix-ui/react-icons';
 import Link from 'next/link';
 
@@ -9,12 +9,12 @@ export default async function OrganizationSettingsNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
+  const { organizationId } = organizationParamSchema.parse(params);
 
   return (
     <div className={cn('hidden lg:block', 'relative ')}>
       <T.P className="my-0">
-        <Link href={`/${organizationSlug}`}>
+        <Link href={`/org/${organizationId}`}>
           <span className="space-x-2 flex items-center">
             <ArrowLeftIcon />
             <span>Back to Organization catch all</span>

diff --git a/...-pages)/@navbar/settings/billing/page.tsx → ...-pages)/@navbar/settings/billing/page.tsx b/...-pages)/@navbar/settings/billing/page.tsx → ...-pages)/@navbar/settings/billing/page.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@/utils/cn';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { ArrowLeftIcon } from '@radix-ui/react-icons';
 import Link from 'next/link';
 
@@ -8,13 +8,13 @@ export default async function OrganizationSettingsNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
+  const { organizationId } = organizationParamSchema.parse(params);
   return (
     <div className={cn('hidden ', 'relative flex gap-2 items-center')}>
       Billing
       <Link
         className="flex gap-1.5 py-1.5 px-3 cursor-pointer items-center group rounded-md transition hover:cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-800"
-        href={`/${organizationSlug}`}
+        href={`/org/${organizationId}`}
       >
         <ArrowLeftIcon className="w-4 h-4 text-neutral-500 dark:text-neutral-400 group-hover:text-neutral-700 dark:group-hover:text-neutral-300" />
         <span className="text-neutral-500 dark:text-neutral-400 group-hover:text-neutral-700 dark:group-hover:text-neutral-300 text-sm font-normal">

diff --git a/...-pages)/@navbar/settings/members/page.tsx → ...-pages)/@navbar/settings/members/page.tsx b/...-pages)/@navbar/settings/members/page.tsx → ...-pages)/@navbar/settings/members/page.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@/utils/cn';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { ArrowLeftIcon } from '@radix-ui/react-icons';
 import Link from 'next/link';
 
@@ -8,13 +8,13 @@ export default async function OrganizationSettingsNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
+  const { organizationId } = organizationParamSchema.parse(params);
 
   return (
     <div className={cn('hidden', 'relative flex gap-2 items-center')}>
       <Link
         className="flex gap-1.5 py-1.5 px-3 cursor-pointer items-center group rounded-md transition hover:cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-900"
-        href={`/${organizationSlug}`}
+        href={`/org/${organizationId}`}
       >
         <ArrowLeftIcon className="w-4 h-4 text-primary-500 dark:text-primary-500 group-hover:text-primary-700 dark:group-hover:text-primary-700" />
         <span className="text-primary-500 dark:text-primary-500 group-hover:text-primary-700 dark:group-hover:text-primary-700 text-sm font-normal">

diff --git a/...nization-pages)/@navbar/settings/page.tsx → ...nization-pages)/@navbar/settings/page.tsx b/...nization-pages)/@navbar/settings/page.tsx → ...nization-pages)/@navbar/settings/page.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@/utils/cn';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { ArrowLeftIcon } from '@radix-ui/react-icons';
 import Link from 'next/link';
 
@@ -8,13 +8,13 @@ export default async function OrganizationSettingsNavbar({
 }: {
   params: unknown;
 }) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
+  const { organizationId } = organizationParamSchema.parse(params);
 
   return (
     <div className={cn('hidden ', 'relative flex gap-2 items-center ')}>
       <Link
         className="flex gap-1.5 py-1.5 px-3 cursor-pointer items-center group rounded-md transition hover:cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-800"
-        href={`/${organizationSlug}`}
+        href={`/org/${organizationId}`}
       >
         <ArrowLeftIcon className="w-4 h-4 text-neutral-500 dark:text-neutral-400 group-hover:text-neutral-700 dark:group-hover:text-neutral-300" />
         <p className="text-neutral-500 dark:text-neutral-400 group-hover:text-neutral-700 dark:group-hover:text-neutral-300 text-sm font-normal">

diff --git a/...n-pages)/@sidebar/OrganizationSidebar.tsx → ...n-pages)/@sidebar/OrganizationSidebar.tsx b/...n-pages)/@sidebar/OrganizationSidebar.tsx → ...n-pages)/@sidebar/OrganizationSidebar.tsx
@@ -1,8 +1,8 @@
 import { ProFeatureGateDialog } from '@/components/ProFeatureGateDialog';
 import { SidebarLink } from '@/components/SidebarLink';
-import { fetchSlimOrganizations, getOrganizationIdBySlug } from '@/data/user/organizations';
+import { fetchSlimOrganizations, getOrganizationSlugByOrganizationId } from '@/data/user/organizations';
 import { cn } from '@/utils/cn';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { notFound } from 'next/navigation';
 import { Suspense } from 'react';
 
@@ -36,32 +36,32 @@ async function OrganizationSidebarInternal({
           <div>
             <SidebarLink
               label="Home"
-              href={`/${organizationSlug}`}
+              href={`/org/${organizationId}`}
               icon={<Home className="h-5 w-5" />}
             />
             <SidebarLink
               label="Settings"
-              href={`/${organizationSlug}/settings`}
+              href={`/org/${organizationId}/settings`}
               icon={<Settings className="h-5 w-5" />}
             />
             <SidebarLink
               label="Projects"
-              href={`/${organizationSlug}/projects`}
+              href={` /org/${organizationId}/projects`}
               icon={<Layers className="h-5 w-5" />}
             />
             <SidebarLink
               label="Members"
-              href={`/${organizationSlug}/settings/members`}
+              href={`/org/${organizationId}/settings/members`}
               icon={<UserRound className="h-5 w-5" />}
             />
             <SidebarLink
               label="Billing"
-              href={`/${organizationSlug}/settings/billing`}
+              href={`/org/${organizationId}/settings/billing`}
               icon={<DollarSign className="h-5 w-5" />}
             />
             <Suspense>
               <ProFeatureGateDialog
-                organizationSlug={organizationSlug}
+                organizationId={organizationId}
                 label="Feature Pro"
                 icon={<FileBox className="h-5 w-5" />}
               />
@@ -84,8 +84,8 @@ async function OrganizationSidebarInternal({
 
 export async function OrganizationSidebar({ params }: { params: unknown }) {
   try {
-    const { organizationSlug } = organizationSlugParamSchema.parse(params);
-    const organizationId = await getOrganizationIdBySlug(organizationSlug)
+    const { organizationId } = organizationParamSchema.parse(params);
+    const organizationSlug = await getOrganizationSlugByOrganizationId(organizationId)
     return (
       <Suspense fallback={<DesktopSidebarFallback />}>
         <OrganizationSidebarInternal organizationId={organizationId} organizationSlug={organizationSlug} />

diff --git a/...on-pages)/@sidebar/[...catchAll]/page.tsx → ...on-pages)/@sidebar/[...catchAll]/page.tsx b/...on-pages)/@sidebar/[...catchAll]/page.tsx → ...on-pages)/@sidebar/[...catchAll]/page.tsx
diff --git a/...-organization-pages)/@sidebar/default.tsx → ...-organization-pages)/@sidebar/default.tsx b/...-organization-pages)/@sidebar/default.tsx → ...-organization-pages)/@sidebar/default.tsx
@@ -2,14 +2,14 @@ import { ProFeatureGateDialog } from '@/components/ProFeatureGateDialog';
 import { SidebarLink } from '@/components/SidebarLink';
 import { SubscriptionCardSmall } from '@/components/SubscriptionCardSmall';
 import { T } from '@/components/ui/Typography';
-import { fetchSlimOrganizations, getOrganizationIdBySlug } from '@/data/user/organizations';
+import { fetchSlimOrganizations, getOrganizationSlugByOrganizationId } from '@/data/user/organizations';
 import { cn } from '@/utils/cn';
 import { notFound } from 'next/navigation';
 import { Suspense } from 'react';
 
 import { DesktopSidebarFallback } from '@/components/SidebarComponents/SidebarFallback';
 import { SwitcherAndToggle } from '@/components/SidebarComponents/SidebarLogo';
-import { organizationSlugParamSchema } from '@/utils/zod-schemas/params';
+import { organizationParamSchema } from '@/utils/zod-schemas/params';
 import { DollarSign, FileBox, Home, Layers, Settings, UserRound } from 'lucide-react';
 
 async function OrganizationSidebarInternal({
@@ -36,32 +36,32 @@ async function OrganizationSidebarInternal({
           <div>
             <SidebarLink
               label="Home"
-              href={`/${organizationSlug}`}
+              href={`/org/${organizationId}`}
               icon={<Home className="h-5 w-5" />}
             />
             <SidebarLink
               label="Projects"
-              href={`/${organizationSlug}/projects`}
+              href={`/org/${organizationId}/projects`}
               icon={<Layers className="h-5 w-5" />}
             />
             <SidebarLink
               label="Settings"
-              href={`/${organizationSlug}/settings`}
+              href={`/org/${organizationId}/settings`}
               icon={<Settings className="h-5 w-5" />}
             />
             <SidebarLink
               label="Members"
-              href={`/${organizationSlug}/settings/members`}
+              href={`/org/${organizationId}/settings/members`}
               icon={<UserRound className="h-5 w-5" />}
             />
             <SidebarLink
               label="Billing"
-              href={`/${organizationSlug}/settings/billing`}
+              href={`/org/${organizationId}/settings/billing`}
               icon={<DollarSign className="h-5 w-5" />}
             />
             <Suspense>
               <ProFeatureGateDialog
-                organizationSlug={organizationSlug}
+                organizationId={organizationId}
                 label="Feature Pro"
                 icon={<FileBox className="h-5 w-5" />}
               />
@@ -87,8 +87,8 @@ export default async function OrganizationSidebar({
   params: unknown;
 }) {
   try {
-    const { organizationSlug } = organizationSlugParamSchema.parse(params);
-    const organizationId = await getOrganizationIdBySlug(organizationSlug)
+    const { organizationId } = organizationParamSchema.parse(params);
+    const organizationSlug = await getOrganizationSlugByOrganizationId(organizationId);
     return (
       <Suspense fallback={<DesktopSidebarFallback />}>
         <OrganizationSidebarInternal organizationId={organizationId} organizationSlug={organizationSlug} />
@@ -97,4 +97,4 @@ export default async function OrganizationSidebar({
   } catch (e) {
     return notFound();
   }
-}
+}
diff --git a/...-organization-pages)/@sidebar/loading.tsx → ...-organization-pages)/@sidebar/loading.tsx b/...-organization-pages)/@sidebar/loading.tsx → ...-organization-pages)/@sidebar/loading.tsx
diff --git a/...ization-pages)/DashboardClientWrapper.tsx → ...ization-pages)/DashboardClientWrapper.tsx b/...ization-pages)/DashboardClientWrapper.tsx → ...ization-pages)/DashboardClientWrapper.tsx
diff --git a/...ation-pages)/DashboardLoadingFallback.tsx → ...ation-pages)/DashboardLoadingFallback.tsx b/...ation-pages)/DashboardLoadingFallback.tsx → ...ation-pages)/DashboardLoadingFallback.tsx
diff --git a/...zation-pages)/OrganizationPageHeading.tsx → ...zation-pages)/OrganizationPageHeading.tsx b/...zation-pages)/OrganizationPageHeading.tsx → ...zation-pages)/OrganizationPageHeading.tsx
diff --git a/...zation-pages)/ProjectsLoadingFallback.tsx → ...zation-pages)/ProjectsLoadingFallback.tsx b/...zation-pages)/ProjectsLoadingFallback.tsx → ...zation-pages)/ProjectsLoadingFallback.tsx
diff --git a/...cific-organization-pages)/TeamMembers.tsx → ...cific-organization-pages)/TeamMembers.tsx b/...cific-organization-pages)/TeamMembers.tsx → ...cific-organization-pages)/TeamMembers.tsx
diff --git a/...anization-pages)/_exportPdf/ExportPdf.tsx → ...anization-pages)/_exportPdf/ExportPdf.tsx b/...anization-pages)/_exportPdf/ExportPdf.tsx → ...anization-pages)/_exportPdf/ExportPdf.tsx
diff --git a/...ges)/_exportPdf/OrganizationExportPDF.tsx → ...ges)/_exportPdf/OrganizationExportPDF.tsx b/...ges)/_exportPdf/OrganizationExportPDF.tsx → ...ges)/_exportPdf/OrganizationExportPDF.tsx
diff --git a/...n-pages)/_graphs/AreaChartInteractive.tsx → ...n-pages)/_graphs/AreaChartInteractive.tsx b/...n-pages)/_graphs/AreaChartInteractive.tsx → ...n-pages)/_graphs/AreaChartInteractive.tsx
diff --git a/...ization-pages)/_graphs/BarChartActive.tsx → ...ization-pages)/_graphs/BarChartActive.tsx b/...ization-pages)/_graphs/BarChartActive.tsx → ...ization-pages)/_graphs/BarChartActive.tsx
diff --git a/...on-pages)/_graphs/BarChartInteractive.tsx → ...on-pages)/_graphs/BarChartInteractive.tsx b/...on-pages)/_graphs/BarChartInteractive.tsx → ...on-pages)/_graphs/BarChartInteractive.tsx
diff --git a/...ion-pages)/_graphs/OrganizationGraphs.tsx → ...ion-pages)/_graphs/OrganizationGraphs.tsx b/...ion-pages)/_graphs/OrganizationGraphs.tsx → ...ion-pages)/_graphs/OrganizationGraphs.tsx
diff --git a/...s)/_graphs/RadarChartGridCircleFilled.tsx → ...s)/_graphs/RadarChartGridCircleFilled.tsx b/...s)/_graphs/RadarChartGridCircleFilled.tsx → ...s)/_graphs/RadarChartGridCircleFilled.tsx
diff --git a/...zation-pages)/_graphs/RadialChartGrid.tsx → ...zation-pages)/_graphs/RadialChartGrid.tsx b/...zation-pages)/_graphs/RadialChartGrid.tsx → ...zation-pages)/_graphs/RadialChartGrid.tsx
diff --git a/.../(specific-organization-pages)/layout.tsx → .../(specific-organization-pages)/layout.tsx b/.../(specific-organization-pages)/layout.tsx → .../(specific-organization-pages)/layout.tsx
diff --git a/...g]/(specific-organization-pages)/page.tsx → ...d]/(specific-organization-pages)/page.tsx b/...g]/(specific-organization-pages)/page.tsx → ...d]/(specific-organization-pages)/page.tsx
@@ -3,11 +3,11 @@ import { ProjectsCardList } from "@/components/Projects/ProjectsCardList";
 import { Search } from "@/components/Search";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { getOrganizationIdBySlug, getOrganizationTitle } from "@/data/user/organizations";
+import { getOrganizationTitle } from "@/data/user/organizations";
 import { getProjects } from "@/data/user/projects";
 import {
-  organizationSlugParamSchema,
-  projectsfilterSchema,
+  organizationParamSchema,
+  projectsfilterSchema
 } from "@/utils/zod-schemas/params";
 import { FileText, Layers } from "lucide-react";
 import type { Metadata } from 'next';
@@ -34,13 +34,12 @@ async function Projects({
 }
 
 export type DashboardProps = {
-  params: { organizationSlug: string };
+  params: { organizationId: string };
   searchParams: unknown;
 };
 
 async function Dashboard({ params, searchParams }: DashboardProps) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
-  const organizationId = await getOrganizationIdBySlug(organizationSlug);
+  const { organizationId } = organizationParamSchema.parse(params);
   const validatedSearchParams = projectsfilterSchema.parse(searchParams);
 
   return (
@@ -62,7 +61,7 @@ async function Dashboard({ params, searchParams }: DashboardProps) {
             <div className="flex items-center space-x-4">
               <Search className="w-[200px]" placeholder="Search projects" />
               <Button variant="secondary" size="sm" asChild>
-                <Link href={`/${organizationSlug}/projects`}>
+                <Link href={`/org/${organizationId}/projects`}>
                   <Layers className="mr-2 h-4 w-4" />
                   View all projects
                 </Link>
@@ -89,9 +88,13 @@ async function Dashboard({ params, searchParams }: DashboardProps) {
 }
 
 export async function generateMetadata({ params }: DashboardProps): Promise<Metadata> {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
-  const organizationId = await getOrganizationIdBySlug(organizationSlug);
+  const { organizationId } = organizationParamSchema.parse(params);
+  console.log('------------------------------------')
+  console.log('Params', params);
+  console.log('Organization id', organizationId);
+  console.log('------------------------------------')
   const title = await getOrganizationTitle(organizationId);
+  console.log('Organization title', title);
 
   return {
     title: `Dashboard | ${title}`,

diff --git a/...s)/projects/OrganizationProjectsTable.tsx → ...s)/projects/OrganizationProjectsTable.tsx b/...s)/projects/OrganizationProjectsTable.tsx → ...s)/projects/OrganizationProjectsTable.tsx
diff --git a/...-organization-pages)/projects/loading.tsx → ...-organization-pages)/projects/loading.tsx b/...-organization-pages)/projects/loading.tsx → ...-organization-pages)/projects/loading.tsx
diff --git a/...fic-organization-pages)/projects/page.tsx → ...fic-organization-pages)/projects/page.tsx b/...fic-organization-pages)/projects/page.tsx → ...fic-organization-pages)/projects/page.tsx
@@ -3,13 +3,10 @@ import { PageHeading } from "@/components/PageHeading";
 import { Pagination } from "@/components/Pagination";
 import { Search } from "@/components/Search";
 import { T } from "@/components/ui/Typography";
-import {
-  getOrganizationIdBySlug
-} from "@/data/user/organizations";
 import { getProjects, getProjectsTotalCount } from "@/data/user/projects";
 import {
-  organizationSlugParamSchema,
-  projectsfilterSchema,
+  organizationParamSchema,
+  projectsfilterSchema
 } from "@/utils/zod-schemas/params";
 import type { Metadata } from "next";
 import { Suspense } from "react";
@@ -43,8 +40,7 @@ export default async function Page({
   params,
   searchParams,
 }: DashboardProps) {
-  const { organizationSlug } = organizationSlugParamSchema.parse(params);
-  const organizationId = await getOrganizationIdBySlug(organizationSlug);
+  const { organizationId } = organizationParamSchema.parse(params);
   const filters = projectsfilterSchema.parse(searchParams);
 
   return (

diff --git a/...on-pages)/settings/DeleteOrganization.tsx → ...on-pages)/settings/DeleteOrganization.tsx b/...on-pages)/settings/DeleteOrganization.tsx → ...on-pages)/settings/DeleteOrganization.tsx
diff --git a/...-pages)/settings/EditOrganizationForm.tsx → ...-pages)/settings/EditOrganizationForm.tsx b/...-pages)/settings/EditOrganizationForm.tsx → ...-pages)/settings/EditOrganizationForm.tsx
diff --git a/...settings/SetDefaultOrganizationButton.tsx → ...settings/SetDefaultOrganizationButton.tsx b/...settings/SetDefaultOrganizationButton.tsx → ...settings/SetDefaultOrganizationButton.tsx
diff --git a/...ings/SetDefaultOrganizationPreference.tsx → ...ings/SetDefaultOrganizationPreference.tsx b/...ings/SetDefaultOrganizationPreference.tsx → ...ings/SetDefaultOrganizationPreference.tsx
diff --git a/...ion-pages)/settings/SettingsSkeletons.tsx → ...ion-pages)/settings/SettingsSkeletons.tsx b/...ion-pages)/settings/SettingsSkeletons.tsx → ...ion-pages)/settings/SettingsSkeletons.tsx
diff --git a/...pages)/settings/billing/ActionButtons.tsx → ...pages)/settings/billing/ActionButtons.tsx b/...pages)/settings/billing/ActionButtons.tsx → ...pages)/settings/billing/ActionButtons.tsx
diff --git a/...illing/OrganizationSubscripionDetails.tsx → ...illing/OrganizationSubscripionDetails.tsx b/...illing/OrganizationSubscripionDetails.tsx → ...illing/OrganizationSubscripionDetails.tsx
diff --git a/...ation-pages)/settings/billing/loading.tsx → ...ation-pages)/settings/billing/loading.tsx b/...ation-pages)/settings/billing/loading.tsx → ...ation-pages)/settings/billing/loading.tsx