wip: have trust boundary be selected when label is clicked

klarna-incubator · Jul 2, 2024 · 0c13894 · 0c13894
1 parent 5539471
commit 0c13894
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/src/components/model/board/shapes/ComponentLabel.js b/app/src/components/model/board/shapes/ComponentLabel.js
@@ -14,6 +14,7 @@ export function ComponentLabel({
   stage,
   align = "center",
   onChange,
+  onClick,
 }) {
   const readOnly = useReadOnly();
   const nameRef = useRef();
@@ -37,11 +38,12 @@ export function ComponentLabel({
     }
   }
 
-  function onClick(e) {
+  function onLocalClick(e) {
     if (e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey || readOnly) {
       return; // Modifier keys are used for multi-select, so we don't want to start editing.
     }
 
+    onClick && onClick(e);
     e.cancelBubble = true; // Prevents the event from bubbling up to component and selecting it, which would cause re-render and loss of focus.
     setEditing(true);
     editNameRef.current.select();
@@ -66,7 +68,7 @@ export function ComponentLabel({
         x={x}
         wrap={"none"}
         ellipsis={true}
-        onClick={onClick}
+        onClick={onLocalClick}
         onMouseEnter={() => {
           if (!readOnly) {
             document.body.style.cursor = "text";

diff --git a/app/src/components/model/board/shapes/TrustBoundary.js b/app/src/components/model/board/shapes/TrustBoundary.js
@@ -136,6 +136,7 @@ export function TrustBoundary({
             align="left"
             type={COMPONENT_TYPE.TRUST_BOUNDARY}
             onChange={(name) => setCurrentInputName(name)}
+            onClick={onClick}
           />
 
           <Indicator x={x + 30} y={y - 8} componentId={id} />