USD marks

src/components/chart/DCABuilder.vue

@@ -59,6 +59,7 @@ import Color from "color";
 import OrderAmount from "@/components/chart/OrderAmount.vue";
 import {MAX_FRACTION, newTranche} from "@/blockchain/orderlib.js";
 import {getFeeSchedule} from "@/fees.js";
+import {NATIVE_TOKEN} from "@/common.js";
 
 const s = useStore()
 const co = useChartOrderStore()
@@ -126,7 +127,12 @@ const partsGasHint = computed(()=>{
     schedFetcher.invoke(s.vault)
     return null
   }
-  return toPrecision(Number(sched.value.gasFee) * parts.value / 1e18) + ' ETH gas fee'
+  const ethFee = Number(sched.value.gasFee) * parts.value / 1e18;
+  const mark = s.markPrice(NATIVE_TOKEN)
+  if (mark)
+    return '$' + Number(ethFee*mark).toFixed(2) + ' gas fee'
+  else
+    return toPrecision(ethFee) + ' ETH gas fee'
 })
 
 const intervalIsTotal = ref(false)