chore: update endpoint to rotate secret key

Author: arcoraven

apps/dashboard/src/@3rdweb-sdk/react/hooks/useApi.ts

@@ -322,13 +322,14 @@ export type RotateSecretKeyAPIReturnType = {
   };
 };
 
-export async function rotateSecretKeyClient(projectId: string) {
+export async function rotateSecretKeyClient(params: {
+  teamId: string;
+  projectId: string;
+}) {
   const res = await apiServerProxy<RotateSecretKeyAPIReturnType>({
-    pathname: "/v2/keys/rotate-secret-key",
+    pathname: `/v1/teams/${params.teamId}/projects/${params.projectId}/rotate-secret-key`,
     method: "POST",
-    body: JSON.stringify({
-      projectId,
-    }),
+    body: JSON.stringify({}),
     headers: {
       "Content-Type": "application/json",
     },

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/components/ProjectFTUX/ProjectFTUX.tsx

@@ -63,7 +63,7 @@ function IntegrateAPIKeySection({
           {secretKeyMasked && (
             <SecretKeySection
               secretKeyMasked={secretKeyMasked}
-              projectId={project.id}
+              project={project}
             />
           )}
         </div>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/components/ProjectFTUX/SecretKeySection.tsx

@@ -1,12 +1,13 @@
 "use client";
 
+import type { Project } from "@/api/projects";
 import { rotateSecretKeyClient } from "@3rdweb-sdk/react/hooks/useApi";
 import { useState } from "react";
 import { RotateSecretKeyButton } from "../../settings/ProjectGeneralSettingsPage";
 
 export function SecretKeySection(props: {
   secretKeyMasked: string;
-  projectId: string;
+  project: Project;
 }) {
   const [secretKeyMasked, setSecretKeyMasked] = useState(props.secretKeyMasked);
 
@@ -26,7 +27,10 @@ export function SecretKeySection(props: {
 
         <RotateSecretKeyButton
           rotateSecretKey={async () => {
-            return rotateSecretKeyClient(props.projectId);
+            return rotateSecretKeyClient({
+              teamId: props.project.teamId,
+              projectId: props.project.id,
+            });
           }}
           onSuccess={(data) => {
             setSecretKeyMasked(data.data.secretMasked);

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/nebula/nebula-ftux.tsx

@@ -1,10 +1,11 @@
+import type { Project } from "@/api/projects";
 import { CodeServer } from "@/components/ui/code/code.server";
 import { SecretKeySection } from "../components/ProjectFTUX/SecretKeySection";
 import { WaitingForIntegrationCard } from "../components/WaitingForIntegrationCard/WaitingForIntegrationCard";
 
 export function NebulaFTUX(props: {
   secretKeyMasked: string;
-  projectId: string;
+  project: Project;
 }) {
   return (
     <WaitingForIntegrationCard
@@ -50,7 +51,7 @@ export function NebulaFTUX(props: {
     >
       <SecretKeySection
         secretKeyMasked={props.secretKeyMasked}
-        projectId={props.projectId}
+        project={props.project}
       />
       <div className="h-4" />
     </WaitingForIntegrationCard>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/nebula/page.tsx

@@ -60,7 +60,7 @@ export default async function Page(props: {
         <div className="container mt-6 max-w-7xl">
           <NebulaFTUX
             secretKeyMasked={project.secretKeys[0]?.masked || ""}
-            projectId={project.id}
+            project={project}
           />
         </div>
       </div>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/settings/ProjectGeneralSettingsPage.tsx

@@ -165,7 +165,10 @@ export function ProjectGeneralSettingsPage(props: {
       }}
       showNebulaSettings={props.showNebulaSettings}
       rotateSecretKey={async () => {
-        return rotateSecretKeyClient(props.project.id);
+        return rotateSecretKeyClient({
+          teamId: props.project.teamId,
+          projectId: props.project.id,
+        });
       }}
       teamsWithRole={props.teamsWithRole}
       transferProject={async (newTeam) => {