buy/sell color change fix

src/blockchain/token.js

@@ -61,12 +61,14 @@ export async function addExtraToken(chainId, addr) {
                 }
                 else {
                     if( provider===null ) {
-                        console.log('warning: token lookup cancelled due to null provider', addr)
+                        console.warn('warning: token lookup cancelled due to null provider', addr)
                         resolve(null)
                     }
                     else {
+                        for( let tries=1; tries<=5; tries++ ) {
+                            try {
                                 const token = await newContract(addr, 'IERC20Metadata', provider)
-                        Promise.all( [token.name(), token.symbol(), token.decimals()] ).then((name,symbol,decimals)=>{
+                                const [name, symbol, decimals] = await Promise.all([token.name(), token.symbol(), token.decimals()])
                                 info = {
                                     a: addr,
                                     n: name,
@@ -75,7 +77,12 @@ export async function addExtraToken(chainId, addr) {
                                 }
                                 s.addToken(chainId, info)
                                 resolve(info)
-                        })
+                                break
+                            }
+                            catch (e) {
+                                console.warn(`Could not lookup token ${addr}`, e)
+                            }
+                        }
                     }
                 }
             })

src/components/chart/ChartOrder.vue

@@ -75,8 +75,7 @@ import {useTheme} from "vuetify";
 import RowBar from "@/components/chart/RowBar.vue";
 import ColorBand from "@/components/chart/ColorBand.vue";
 import Color from "color";
-import {Exchange, newOrder} from "@/blockchain/orderlib.js";
-import {lookupSymbol} from "@/charts/datafeed.js";
+import {newOrder} from "@/blockchain/orderlib.js";
 
 const props = defineProps(['order'])
 const s = useStore()

src/components/chart/DCABuilder.vue

@@ -42,7 +42,6 @@
 import {builderDefaults, DEFAULT_SLIPPAGE, MIN_EXECUTION_TIME, useChartOrderStore} from "@/orderbuild.js";
 import {allocationText, VLine} from "@/charts/shape.js";
 import {sideColor} from "@/misc.js";
-import {useTheme} from "vuetify";
 import {useOrderStore, useStore} from "@/store/store.js";
 import {DISTANT_FUTURE, MAX_FRACTION, newTranche} from "@/blockchain/orderlib.js";
 import RungBuilder from "@/components/chart/RungBuilder.vue";
@@ -54,7 +53,6 @@ import {DateTime} from "luxon";
 const s = useStore()
 const os = useOrderStore()
 const co = useChartOrderStore()
-const theme = useTheme().current
 const props = defineProps(['order', 'builder'])
 const emit = defineEmits(['update:builder'])
 

src/components/chart/DiagonalBuilder.vue

@@ -112,7 +112,6 @@ function computeDefaultColor() {
 }
 
 const defaultColor = computeDefaultColor()
-
 const color = computed(()=>props.builder.color ? props.builder.color : defaultColor)
 
 // Fields must be defined in order to be reactive

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))