add back data-id for badge within the blocks

Significant-Gravitas · Oct 3, 2024 · 0f54d74 · 0f54d74
1 parent ef72ad2
commit 0f54d74
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/autogpt_platform/frontend/src/components/CustomNode.tsx b/autogpt_platform/frontend/src/components/CustomNode.tsx
@@ -743,6 +743,7 @@ export function CustomNode({
             >
               <Badge
                 variant="default"
+                data-id={`badge-${id}-${data.status}`}
                 className={cn(
                   "mr-4 flex min-w-[114px] items-center justify-center rounded-3xl text-center text-xs font-semibold",
                   hasConfigErrors || hasOutputError

diff --git a/autogpt_platform/frontend/src/components/tutorial.ts b/autogpt_platform/frontend/src/components/tutorial.ts
@@ -415,12 +415,12 @@ export const startTutorial = (
     id: "wait-for-processing",
     title: "Processing",
     text: "Let's wait for the block to finish being processed...",
-    attachTo: { element: '[data-id$="-QUEUED"]', on: "bottom" },
+    attachTo: { element: '[data-id^="badge-"][data-id$="-QUEUED"]', on: "bottom" },
     buttons: [],
-    beforeShowPromise: () => waitForElement('[data-id$="-QUEUED"]'),
+    beforeShowPromise: () => waitForElement('[data-id^="badge-"][data-id$="-QUEUED"]'),
     when: {
       show: () => {
-        waitForElement('[data-id$="-COMPLETED"]').then(() => {
+        waitForElement('[data-id^="badge-"][data-id$="-COMPLETED"]').then(() => {
           tour.next();
         });
       },