pending order view bugfix

src/blockchain/wallet.js

@@ -266,17 +266,17 @@ const ensureVaultRoutine = new SingletonCoroutine(doEnsureVault, 100)
 
 
 export const PendingOrderState = {
-  Submitted: 100, // user clicked Place Order but the tx isn't sent to the wallet yet
+  Submitted: -100, // user clicked Place Order but the tx isn't sent to the wallet yet
   Signing: 0, // tx is sent to the wallet
-  Rejected: 101, // user refused to sign the tx
-  Sent: 102, // tx is awaiting blockchain mining
+  Rejected: -101, // user refused to sign the tx
+  Sent: -102, // tx is awaiting blockchain mining
 }
 
 
 export async function pendOrder(order) {
   console.log('order', JSON.stringify(order))
   const s = useStore()
-  useWalletStore().pendingOrders.push({
+  useWalletStore().pendingOrders.splice(0,0,{
     chainId: s.chainId,
     placementTime: Date.now()/1000,
     vault: s.vaults.length ? s.vaults[0] : null,

src/components/Orders.vue

@@ -85,10 +85,14 @@
               <tr v-for="(t, i) in item.order.tranches">
                 <td class="text-right">Tranche {{ i + 1 }}</td>
                 <td class="text-center w-33">
-                  <suspense>
+                  <suspense v-if="item.state > OrderState.Signing">
                     <span>
                       <token-amount :addr="item.amountToken" :amount="item.trancheFilled[i]" :raw="true"/>
                       /
+                    </span>
+                  </suspense>
+                  <suspense>
+                    <span>
                       <token-amount :addr="item.amountToken" :amount="item.order.amount*BigInt(t.fraction)/65535n"/>
                     </span>
                   </suspense>
@@ -202,11 +206,12 @@ const orders = computed(()=>{
   // in-flight orders
   for (const pend of ws.pendingOrders) {
     console.log('pended order', pend)
-    result.splice(0, 0, {
+    result.push({
       start: pend.placementTime,
       order: pend.order,
       filled: 0,
-      state: pend.state
+      state: pend.state,
+      amountToken: pend.order.amountIsInput ? pend.order.tokenIn : pend.order.tokenOut
     })
   }