add node ID when duplicate node names

sc420 · Jan 21, 2024 · 29d62dd · 29d62dd
1 parent 1d5e570
commit 29d62dd
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/interactive-computational-graph/src/components/GraphToolbar.tsx b/interactive-computational-graph/src/components/GraphToolbar.tsx
@@ -38,10 +38,19 @@ const GraphToolbar: FunctionComponent<GraphToolbarProps> = ({
   onDerivativeTargetChange,
 }) => {
   const options: AutocompleteOption[] = useMemo(() => {
-    return nodeIds.map((nodeId, index) => ({
-      label: nodeNames[index],
-      id: nodeId,
-    }));
+    const seenNodeNames = new Set<string>();
+    return nodeIds.map((nodeId, index) => {
+      const nodeName = nodeNames[index];
+      const label = seenNodeNames.has(nodeName)
+        ? `${nodeName} (${nodeId})`
+        : nodeName;
+
+      seenNodeNames.add(nodeName);
+      return {
+        label,
+        id: nodeId,
+      };
+    });
   }, [nodeIds, nodeNames]);
 
   const selectedValue: AutocompleteOption | null = useMemo(() => {