buy/sell color change fix

src/components/chart/RungBuilder.vue

@@ -46,11 +46,13 @@ import {cancelDrawing} from "@/charts/chart.js";
 import {
   devectorize,
   vectorAdd,
-  vectorDiv, vectorEquals,
+  vectorDiv,
+  vectorEquals,
   vectorIsNull,
   vectorIsZero,
   vectorize,
-  vectorMul, vectorNeg,
+  vectorMul,
+  vectorNeg,
   vectorSub
 } from "@/vector.js";
 
@@ -90,6 +92,14 @@ watchEffect(()=>{
   // console.log('valid?', prev, props.builder.valid, rungs, valueA.value, valueB.value)
 })
 
+let lastBuy = null
+watchEffect(()=>{
+  if (props.order.buy!==lastBuy) {
+    lastBuy = props.order.buy
+    console.log('updating colors')
+    props.builder.color=computeDefaultColor()
+  }
+})
 
 function setEndpoints(a, b) {
   // console.log('rb setting endpoints', devectorize(a), devectorize(b))