welcome dialog; order UI facelift

src/components/NeedsSigner.vue

@@ -4,7 +4,7 @@
   <v-card v-if="status!==Status.OK" rounded="0">
     <v-card-title>
 <!--      <v-icon icon="mdi-hand-wave" color="grey"/>-->
-      Welcome to Dexorder Beta!
+      Welcome to Dexorder!
     </v-card-title>
     <v-card-text>
       Play with the order builder without an account by clicking on the <logo class="logo-small"/> logo or on
@@ -40,11 +40,12 @@
 <script setup>
 import {useStore} from "@/store/store";
 import {computed, ref} from "vue";
-import {addNetwork, connectWallet, switchChain} from "@/blockchain/wallet.js";
+import {addNetworkAndConnectWallet} from "@/blockchain/wallet.js";
 import Btn from "@/components/Btn.vue";
 import Logo from "@/components/Logo.vue";
 import ApproveRegion from "@/components/ApproveRegion.vue";
 import TermsOfService from "@/components/TermsOfService.vue";
+import {track} from "@/track.js";
 
 const s = useStore()
 const disabled = ref(false)
@@ -67,34 +68,10 @@ function reload() {
 }
 
 async function connect() {
+  track('connect_wallet')
   disabled.value = true
   try {
-    try {
-      await switchChain(s.chainId)
-    }
-    catch (e) {
-      if (e.code===4001) {
-        // explicit user rejection
-        return
-      }
-      else if (e.code===4902) {
-        try {
-          await addNetwork(s.chainId)
-        }
-        catch (e) {
-          console.log(`Could not add network ${s.chainId}`)
-        }
-      }
-      else
-        console.log('switchChain() failure',e)
-    }
-    try {
-      await connectWallet(s.chainId)
-    }
-    catch (e) {
-      if (e.code!==4001)
-        console.log('connectWallet() failed', e)
-    }
+    await addNetworkAndConnectWallet(s.chainId);
   }
   finally {
     disabled.value = false