[Dashboard] Add FTUX completion tracking for Engine checklist (#7758)

Author: joaquim-verges

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

@@ -19,6 +19,8 @@ interface Props {
 }
 
 export const EngineChecklist: React.FC<Props> = (props) => {
+  const ftuxCompleted = localStorage.getItem("engineFtuxCompleted") === "true";
+
   const finalSteps = useMemo(() => {
     const steps: Step[] = [];
     steps.push({
@@ -46,7 +48,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
           wallets={props.wallets}
         />
       ),
-      completed: props.hasTransactions,
+      completed: props.hasTransactions || ftuxCompleted,
       description:
         "Engine handles gas fees, and is designed for scale, speed and security. Send a test transaction to see it in action",
       showCompletedChildren: false,
@@ -62,6 +64,7 @@ export const EngineChecklist: React.FC<Props> = (props) => {
     props.teamSlug,
     props.client,
     props.isManagedVault,
+    ftuxCompleted,
   ]);
 
   const isComplete = useMemo(

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/transactions/analytics/send-test-tx.client.tsx

@@ -314,6 +314,7 @@ export function SendTestTransaction(props: {
                 `/team/${props.teamSlug}/${props.project.slug}/transactions`,
               );
             } else {
+              localStorage.setItem("engineFtuxCompleted", "true");
               router.refresh();
             }
           }}