Merge pull request #23 from concord-consortium/185596251-add-feedback…

…-during-node-creation feat: Add feedback during edge creation [PT-185596251]
concord-consortium · Jul 13, 2023 · 1fe3180 · 1fe3180
2 parents 04b7805 + 00b9961
commit 1fe3180
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/graph.scss b/src/components/graph.scss
@@ -11,4 +11,8 @@
   .rubberband {
     pointer-events: none;
   }
+
+  svg ellipse.can-add-edge:hover {
+    fill: lightgreen;
+  }
 }
diff --git a/src/components/graph.tsx b/src/components/graph.tsx
@@ -367,6 +367,7 @@ export const Graph = (props: Props) => {
 
     const circles = nodes
       .append("ellipse")
+      .attr("class", drawingMode === "addEdge" ? "can-add-edge" : "")
       .attr("fill", "#fff")
       .attr("stroke", "#999")
       .attr("stroke-width", d => 2)