re-enable displaying saturation in hue bar

UmbraJS · Feb 4, 2024 · 6363c98 · 6363c98
1 parent b51d01a
commit 6363c98
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/dye/components/Canvas/HueCanvas.vue b/packages/dye/components/Canvas/HueCanvas.vue
@@ -70,16 +70,17 @@ function fillHueCanvas(color: string = props.color.hex) {
   ctx.fillRect(0, 0, width, height)
 }
 
+const { setMouseDown, offCanvas, isActiveCanvas } = useDyeStore()
+
 watch(
   () => props.color.hex,
   (color) => {
-    console.log('color', mouseOn)
-    //fillHueCanvas(color)
+    const isActive = isActiveCanvas(hueCanvas.value)
+    if (!isActive) return
+    fillHueCanvas(color)
   }
 )
 
-const { setMouseDown, offCanvas, isActiveCanvas } = useDyeStore()
-
 function hueChange(e: MouseEvent, click = false) {
   if (click) setMouseDown(true)
   if (offCanvas(e, click)) return