refactor: display the add button when there are no assignment

cheminfo · May 2, 2024 · cdc0586 · cdc0586
1 parent 8ca43e0
commit cdc0586
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/component/2d/zones/Zone.tsx b/src/component/2d/zones/Zone.tsx
@@ -62,7 +62,7 @@ interface ZoneProps {
 }
 
 function Zone({ zoneData }: ZoneProps) {
-  const { x, y, id, signals } = zoneData;
+  const { x, y, id, signals, assignment } = zoneData;
   const { setData } = useShareData<{ id: string }>();
   const assignmentZone = useAssignment(id);
   const { showZones } = useActiveSpectrumZonesViewState();
@@ -106,13 +106,15 @@ function Zone({ zoneData }: ZoneProps) {
             transform="translate(-16 -16)"
             className="target"
           >
-            <SVGButton
-              icon="plus"
-              backgroundColor="green"
-              title="Add assignment label"
-              style={{ cursor: 'hand' }}
-              onClick={() => setData({ id })}
-            />
+            {!assignment && (
+              <SVGButton
+                icon="plus"
+                backgroundColor="green"
+                title="Add assignment label"
+                style={{ cursor: 'hand' }}
+                onClick={() => setData({ id })}
+              />
+            )}
           </g>
           <rect
             x="0"