fix: add revalidate to project updates

diconium · Mar 15, 2024 · e99b63d · e99b63d
1 parent be733b8
commit e99b63d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/ethereal-nexus-dashboard/src/app/(layout)/(session)/projects/[id]/page.tsx b/ethereal-nexus-dashboard/src/app/(layout)/(session)/projects/[id]/page.tsx
@@ -6,8 +6,9 @@ import { auth } from '@/auth';
 import { notFound } from 'next/navigation';
 import { ProjectMemberList } from '@/components/projects/members-table/member-list';
 import { ProjectComponentsList } from '@/components/projects/component-selection-table/components-list';
+import Link from 'next/link';
 
-export default async function EditProject({ params: { id } }: any) {
+export default async function EditProject({ params: { id }, searchParams: { tab } }: any) {
  const session = await auth();
  const project = await getProjectById(id, session?.user?.id);
 
@@ -26,17 +27,23 @@ export default async function EditProject({ params: { id } }: any) {
  </p>
  </div>
  <Separator />
- <Tabs defaultValue="overview" className="space-y-4">
+ <Tabs value={tab} defaultValue="overview" className="space-y-4">
  <TabsList>
  <TabsTrigger value="overview">
- Overview
+ <Link href={`/projects/${id}?tab=overview`} >
+ Overview
+ </Link>
  </TabsTrigger>
  <TabsTrigger value="components">
- Components
+ <Link href={`/projects/${id}?tab=components`} >
+ Components
+ </Link>
  </TabsTrigger>
  <TabsTrigger value="users">
- Users
- </TabsTrigger>
+ <Link href={`/projects/${id}?tab=components`} >
+ Users
+ </Link>
+= </TabsTrigger>
  </TabsList>
  <TabsContent value="overview" className="space-y-4 p-6">
  <ProjectsForm

diff --git a/ethereal-nexus-dashboard/src/data/projects/actions.ts b/ethereal-nexus-dashboard/src/data/projects/actions.ts
@@ -27,6 +27,7 @@ import { and, desc, eq, getTableColumns, sql } from 'drizzle-orm';
 import { projectComponentConfig, projects } from './schema';
 import { insertMembers, userIsMember } from '@/data/member/actions';
 import { componentAssets, components, componentVersions } from '@/data/components/schema';
+import { revalidatePath, revalidateTag } from 'next/cache';
 
 export async function getProjects(
  userId: string | undefined | null,
@@ -478,6 +479,7 @@ export async function upsertProject(
  }
  }
 
+ revalidatePath(`/projects`, 'page')
  return actionSuccess(result.data);
  } catch (error) {
  console.error(error);
@@ -526,6 +528,7 @@ export async function upsertComponentConfig(
  );
  }
 
+ revalidatePath('/(layout)/(session)/projects/[id]', 'layout')
  return actionSuccess(safe.data);
  } catch (error) {
  console.error(error);