testnet warning; remove deposit address display

src/components/Vault.vue

@@ -25,8 +25,8 @@
   <div>
     <div v-if="s.vaults.length<=num">
       <v-card-title>
-        <v-icon icon="mdi-safe-square" size="small" color="grey-darken-1"/>
         Creating Your Dexorder Vault
+        <v-icon icon="mdi-safe-square" size="small" color="grey-darken-1" style="vertical-align: baseline"/>
       </v-card-title>
       <v-card-text v-if="num!==0"><!--todo-->Multiple vaults are not yet supported</v-card-text>
       <!-- todo restore the vault-on-order approach for public beta
@@ -52,9 +52,12 @@
 <!--      <v-card-title>-->
 <!--        Your Deposit Address {{ s.vaults.length > 1 ? '#' + (num + 1) : '' }}-->
 <!--      </v-card-title> &lt;!&ndash; todo vault nicknames &ndash;&gt;-->
+
+<!-- todo re-enable deposit address
       <v-card-subtitle v-if="exists" class="overflow-x-hidden">
         <copy-button :text="addr">Deposit {{addr}}</copy-button>
       </v-card-subtitle>
+-->
       <v-card-text v-if="empty">
         <!--
                 <p>
@@ -64,8 +67,10 @@
                   everything looks good.
                 </p>
         -->
-        <p v-if="!s.mockenv">There are no funds currently in your vault. Send tokens to the address above to fund your
-          vault.</p>
+        <p v-if="!s.mockenv">There are no funds currently in your vault.
+          <!-- todo re-enable deposit UI
+           Send tokens to the address above to fund your vault. -->
+        </p>
         <p v-if="s.mockenv">There are no funds currently in your vault. Use the faucet below to mint some testnet coins
           into your vault.</p>
       </v-card-text>

src/layouts/chart/MainView.vue

@@ -1,5 +1,7 @@
 <template>
   <v-main>
+    <v-alert text="WARNING! TESTNET! FAKE COINS!&nbsp;&nbsp;&nbsp;&nbsp;• UNI • ARB • WETH • WBTC • LINK • USDC •"
+             color="red" :closable="false" rounded="0" height="0"/>
     <Alerts/>
     <chart-view/>
   </v-main>

src/store/store.js

@@ -97,7 +97,7 @@ export const useStore = defineStore('app', ()=> {
 
   const vault = computed(() => vaults.value.length === 0 ? null : vaults.value[0] )
   const balances = computed( () => vault.value === null ? {} : vaultBalances.value[vault.value] || {} )
-  const vaultOrders = computed(()=> vault.value === null || (!vault.value in orders.value) ? {} : orders.value[vault.value] )
+  const vaultOrders = computed(()=> vault.value === null || (!vault.value in orders.value) ? {} : orders.value[vault.value] ? orders.value[vault.value] : [] )
   const tokens = computed(getTokens)
   const factory = computed(() => !chain.value ? null : chain.value.factory)
   const helper = computed(() => {console.log('chain helper', chain.value); return !chain.value ? null : chain.value.helper})