From bc7af8c33f00f6ff9701979d128250a9d4e38eb0 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Sat, 11 Jan 2025 18:42:07 -0800
Subject: [PATCH] Better naming for blocks

---
 app/w/[id]/workflow.tsx | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/app/w/[id]/workflow.tsx b/app/w/[id]/workflow.tsx
index a608c0746b..465421a567 100644
--- a/app/w/[id]/workflow.tsx
+++ b/app/w/[id]/workflow.tsx
@@ -212,18 +212,25 @@ export default function Workflow() {
         onDragOver={handleDragOver}
         onDrop={handleDrop}
       >
-        {blocks.map((block, index) => (
-          <WorkflowBlock
-            key={block.id}
-            id={block.id}
-            type={block.type}
-            position={block.position}
-            config={block.config}
-            name={`${block.config.toolbar.title} ${index + 1}`}
-            onPositionUpdate={updateBlockPosition}
-            zoom={zoom}
-          />
-        ))}
+        {blocks.map((block, index) => {
+          // Count how many blocks of this type appear before the current index
+          const typeCount = blocks
+            .slice(0, index + 1)
+            .filter((b) => b.type === block.type).length
+
+          return (
+            <WorkflowBlock
+              key={block.id}
+              id={block.id}
+              type={block.type}
+              position={block.position}
+              config={block.config}
+              name={`${block.config.toolbar.title} ${typeCount}`}
+              onPositionUpdate={updateBlockPosition}
+              zoom={zoom}
+            />
+          )
+        })}
       </div>
     </div>
   )