fix links

Author: joaquim-verges

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/analytics-page.tsx

@@ -14,6 +14,7 @@ export function TransactionsAnalyticsPageContent(props: {
   project: Project;
   hasTransactions: boolean;
   wallets?: Wallet[];
+  teamSlug: string;
 }) {
   return (
     <ResponsiveSearchParamsProvider value={props.searchParams}>
@@ -27,10 +28,15 @@ export function TransactionsAnalyticsPageContent(props: {
               searchParams={props.searchParams}
               project={props.project}
               wallets={props.wallets ?? []}
+              teamSlug={props.teamSlug}
             />
           </>
         )}
-        <TransactionsTable project={props.project} wallets={props.wallets} />
+        <TransactionsTable
+          project={props.project}
+          wallets={props.wallets}
+          teamSlug={props.teamSlug}
+        />
       </div>
     </ResponsiveSearchParamsProvider>
   );

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/ftux.client.tsx

@@ -14,6 +14,7 @@ interface Props {
   project: Project;
   wallets: Wallet[];
   hasTransactions: boolean;
+  teamSlug: string;
 }
 
 export const EngineChecklist: React.FC<Props> = (props) => {
@@ -28,6 +29,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
       children: (
         <CreateVaultAccountStep
           project={props.project}
+          teamSlug={props.teamSlug}
           onUserAccessTokenCreated={(token) => setUserAccessToken(token)}
         />
       ),
@@ -41,6 +43,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
       children: (
         <CreateServerWalletStep
           project={props.project}
+          teamSlug={props.teamSlug}
           managementAccessToken={props.managementAccessToken}
         />
       ),
@@ -70,6 +73,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
     props.wallets,
     props.hasTransactions,
     userAccessToken,
+    props.teamSlug,
   ]);
 
   if (finalSteps.length === 1) {
@@ -83,6 +87,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
 
 function CreateVaultAccountStep(props: {
   project: Project;
+  teamSlug: string;
   onUserAccessTokenCreated: (userAccessToken: string) => void;
 }) {
   return (
@@ -100,12 +105,14 @@ function CreateVaultAccountStep(props: {
 
 function CreateServerWalletStep(props: {
   project: Project;
+  teamSlug: string;
   managementAccessToken: string | undefined;
 }) {
   return (
     <div className="mt-4 flex flex-row gap-4">
       <CreateServerWallet
         project={props.project}
+        teamSlug={props.teamSlug}
         managementAccessToken={props.managementAccessToken}
       />
     </div>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/tx-chart/tx-chart-ui.tsx

@@ -24,6 +24,7 @@ export function TransactionsChartCardUI(props: {
   isPending: boolean;
   project: Project;
   wallets: Wallet[];
+  teamSlug: string;
 }) {
   const { userOpStats } = props;
   const topChainsToShow = 10;
@@ -146,7 +147,11 @@ export function TransactionsChartCardUI(props: {
       }}
       toolTipValueFormatter={(value) => formatTickerNumber(Number(value))}
       emptyChartState={
-        <EmptyChartContent project={props.project} wallets={props.wallets} />
+        <EmptyChartContent
+          teamSlug={props.teamSlug}
+          project={props.project}
+          wallets={props.wallets}
+        />
       }
     />
   );
@@ -155,6 +160,7 @@ export function TransactionsChartCardUI(props: {
 // TODO - update the title and doc links
 function EmptyChartContent(props: {
   project: Project;
+  teamSlug: string;
   wallets: Wallet[];
 }) {
   const router = useDashboardRouter();
@@ -177,7 +183,9 @@ function EmptyChartContent(props: {
             <Button
               variant="primary"
               onClick={() => {
-                router.push("engine/vault");
+                router.push(
+                  `/team/${props.teamSlug}/${props.project.slug}/engine/cloud/vault`,
+                );
               }}
             >
               Create Vault Admin Account

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/tx-chart/tx-chart.tsx

@@ -11,6 +11,7 @@ async function AsyncTransactionsChartCard(props: {
   interval: "day" | "week";
   project: Project;
   wallets: Wallet[];
+  teamSlug: string;
 }) {
   const data = await getTransactionsChart({
     clientId: props.project.publishableKey,
@@ -26,6 +27,7 @@ async function AsyncTransactionsChartCard(props: {
       userOpStats={data}
       project={props.project}
       wallets={props.wallets}
+      teamSlug={props.teamSlug}
     />
   );
 }
@@ -38,6 +40,7 @@ export function TransactionsChartCard(props: {
   };
   project: Project;
   wallets: Wallet[];
+  teamSlug: string;
 }) {
   const { range, interval } = getTxAnalyticsFiltersFromSearchParams(
     props.searchParams,
@@ -53,6 +56,7 @@ export function TransactionsChartCard(props: {
           userOpStats={[]}
           project={props.project}
           wallets={[]}
+          teamSlug={props.teamSlug}
         />
       }
     >
@@ -62,6 +66,7 @@ export function TransactionsChartCard(props: {
         interval={interval}
         project={props.project}
         wallets={props.wallets}
+        teamSlug={props.teamSlug}
       />
     </ResponsiveSuspense>
   );

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/tx-table/tx-table-ui.tsx

@@ -49,6 +49,7 @@ import type {
 export function TransactionsTableUI(props: {
   getData: (params: { page: number }) => Promise<TransactionsResponse>;
   project: Project;
+  teamSlug: string;
   wallets?: Wallet[];
 }) {
   const router = useDashboardRouter();
@@ -136,7 +137,9 @@ export function TransactionsTableUI(props: {
                     key={`${tx.id}${tx.chainId}`}
                     className="cursor-pointer hover:bg-accent/50"
                     onClick={() => {
-                      router.push(`engine/tx/${tx.id}`);
+                      router.push(
+                        `/team/${props.teamSlug}/${props.project.slug}/engine/cloud/tx/${tx.id}`,
+                      );
                     }}
                   >
                     {/* Queue ID */}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/tx-table/tx-table.tsx

@@ -9,6 +9,7 @@ import type { TransactionsResponse } from "./types";
 export function TransactionsTable(props: {
   project: Project;
   wallets?: Wallet[];
+  teamSlug: string;
 }) {
   return (
     <TransactionsTableUI
@@ -20,6 +21,7 @@ export function TransactionsTable(props: {
       }}
       project={props.project}
       wallets={props.wallets}
+      teamSlug={props.teamSlug}
     />
   );
 }

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

@@ -79,6 +79,7 @@ export default async function TransactionsAnalyticsPage(props: {
   return (
     <div className="flex grow flex-col">
       <EngineChecklist
+        teamSlug={params.team_slug}
         managementAccessToken={managementAccessToken ?? undefined}
         hasTransactions={hasTransactions}
         project={project}
@@ -93,6 +94,7 @@ export default async function TransactionsAnalyticsPage(props: {
       )}
       <div className="h-10" />
       <TransactionsAnalyticsPageContent
+        teamSlug={params.team_slug}
         searchParams={searchParams}
         project={project}
         hasTransactions={hasTransactions}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/server-wallets/components/create-server-wallet.client.tsx

@@ -19,6 +19,7 @@ import { initVaultClient } from "../../lib/vault.client";
 
 export default function CreateServerWallet(props: {
   project: Project;
+  teamSlug: string;
   managementAccessToken: string | undefined;
 }) {
   const router = useDashboardRouter();
@@ -68,7 +69,9 @@ export default function CreateServerWallet(props: {
 
   const handleCreateServerWallet = async () => {
     if (!props.managementAccessToken) {
-      router.push("vault");
+      router.push(
+        `/team/${props.teamSlug}/${props.project.slug}/engine/cloud/vault`,
+      );
     } else {
       await createEoaMutation.mutateAsync({
         managementAccessToken: props.managementAccessToken,
@@ -86,7 +89,9 @@ export default function CreateServerWallet(props: {
         onClick={() =>
           props.managementAccessToken
             ? setModalOpen(true)
-            : router.push("vault")
+            : router.push(
+                `/team/${props.teamSlug}/${props.project.slug}/engine/cloud/vault`,
+              )
         }
         className="flex flex-row items-center gap-2"
       >

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/server-wallets/page.tsx

@@ -52,6 +52,7 @@ export default async function TransactionsServerWalletsPage(props: {
           <ServerWalletsTable
             wallets={eoas.data.items as Wallet[]}
             project={project}
+            teamSlug={team_slug}
             managementAccessToken={managementAccessToken ?? undefined}
           />
           <TryItOut

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/server-wallets/wallet-table/wallet-table-ui.client.tsx

@@ -31,10 +31,12 @@ import type { Wallet } from "./types";
 export function ServerWalletsTableUI({
   wallets,
   project,
+  teamSlug,
   managementAccessToken,
 }: {
   wallets: Wallet[];
   project: Project;
+  teamSlug: string;
   managementAccessToken: string | undefined;
 }) {
   const [showSigners, setShowSigners] = useState(false);
@@ -63,6 +65,7 @@ export function ServerWalletsTableUI({
         </div>
         <CreateServerWallet
           project={project}
+          teamSlug={teamSlug}
           managementAccessToken={managementAccessToken}
         />
       </div>