static version.json file

src/components/Amount.vue

@@ -1,9 +1,12 @@
 <template>
   <v-text-field label='Amount' type="number" step="1" variant="outlined" aria-valuemin="0" min="0"
                 v-model="os.amount" :rules="[validateRequired,validateAmount]" v-auto-select>
+    <template v-slot:prepend-inner>
+      <v-btn @click="os.amount = maxAmount">max {{maxAmount.toPrecision(5)}}</v-btn>
+    </template>
     <template v-slot:append-inner>
       <v-btn @click="os.amountIsTokenA=!os.amountIsTokenA" variant="outlined" class="mr-2">
-        {{ os.amountIsTokenA ? os.tokenA.symbol : os.tokenB.symbol }}
+        {{ amountToken.symbol }}
       </v-btn>
       <v-btn :text="os.amountIsTotal ? 'total' : 'per tranche'" variant="outlined"
              @click="os.amountIsTotal=!os.amountIsTotal" class="total"/>
@@ -12,13 +15,24 @@
 </template>
 
 <script setup>
-import {useOrderStore} from "@/store/store";
+import {useOrderStore, useStore} from "@/store/store";
 // noinspection ES6UnusedImports
 import {vAutoSelect} from "@/misc.js";
 import {validateAmount, validateRequired} from "@/validate.js";
+import {computed} from "vue";
 
+const s = useStore()
 const os = useOrderStore()
 
+const amountToken = computed( ()=>os.amountIsTokenA ? os.tokenA.symbol : os.tokenB.symbol )
+const inToken = computed( ()=>os.buy ? os.tokenB : os.tokenA )
+const maxAmount = computed(()=>{
+  const balance = s.balances[inToken]
+  if( !balance )
+    return 0
+  const divisor = os.amountIsTotal ? 1 : os.tranches
+  return balance / 10**inToken.value.decimals / divisor
+})
 
 </script>
 

src/components/PairChoice.vue

@@ -42,11 +42,11 @@ const os = useOrderStore()
 
 const tokenA = computed({
   get() {
-    return os.baseToken
+    return os.tokenA
   },
   set(value) {
-    if( !os.baseToken || os.baseToken.address !== value.address ) {
-      os.baseToken = value
+    if( !os.tokenA || os.tokenA.address !== value.address ) {
+      os.tokenA = value
       routeFinder.invoke()
     }
   }
@@ -75,12 +75,12 @@ const routes = computed({
 })
 
 async function componentFindRoute() {
-  const tokenA = os.baseToken
+  const tokenA = os.tokenA
   const tokenB = os.tokenB
   os.routes = []
   if (!tokenA || !tokenB)
     return
-  console.log('finding route', tokenA, tokenB)
+  console.log('finding route', s.chainId.value, tokenA, tokenB)
   os.routesPending = true
   try {
     const result = await findRoute(s.chainId.value, tokenA, tokenB)