dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wallet & account login flow bugfixes; pinned mdi icons 6.9.96 because it's the last version to include a Discord icon

Browse Source
This commit is contained in:
Tim Olson
2023-11-10 20:52:23 -04:00
parent 71a8dd8c18
commit 5aaeb1461d
5 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/NeedsProvider.vue
View File

@@ -3,11 +3,11 @@
<phone-card v-if="!walletOk">
<v-card-title>Install Wallet</v-card-title>
<v-card-text>
A cryptocurrency wallet such as <a href="https://metamask.io/download/">MetaMask</a> is required to use Dexorder.
Please install a crypto wallet into your browser to experience the power of Dexorder.
A cryptocurrency wallet such as <a href="https://metamask.io/download/" target="MetaMask">MetaMask</a> is
required to use Dexorder. Please install a crypto wallet into your browser to experience the power of Dexorder.
</v-card-text>
<v-card-actions>
<v-btn prepend-icon="mdi-reload" text="Reload After Installing Wallet"/>
<v-btn prepend-icon="mdi-reload" text="Reload After Installing Wallet" @click="reload"/>
</v-card-actions>
</phone-card>
<phone-card v-if="walletOk && !providerOk">
@@ -36,13 +36,12 @@
<li>Click in the upper-left to choose a Network</li>
<li>Click the "Add Network" button</li>
<li>Choose "Add a Network Manually"</li>
<li>Choose "Add a network manually"</li>
<li>Enter the following information:
<ul>
<li>Name: Dexorder Alpha</li>
<li>New RPC URL: https://rpc.alpha.dexorder.trade</li>
<li>Chain ID: 31337</li>
<li>Currency Symbol: ETH</li>
<li>Currency Symbol: TETH</li>
</ul>
</li>
<li>
@@ -70,7 +69,9 @@ const chainOk = computed(()=>providerOk.value && s.helper!==null)
const ok = computed(()=>{
return walletOk && providerOk.value && chainOk.value
})
function reload() {
window.location.reload()
}
</script>
<style scoped lang="scss">

3
src/components/NeedsSigner.vue
View File

@@ -7,7 +7,7 @@
Please select an account to use from your wallet.
</v-card-text>
<v-card-actions>
<v-btn @click="connectWallet">Connect Wallet</v-btn>
<btn icon="mdi-wallet-outline" color="warning" @click="connectWallet">Connect Wallet</btn>
</v-card-actions>
</phone-card>
</NeedsProvider>
@@ -19,6 +19,7 @@ import NeedsProvider from "@/components/NeedsProvider.vue";
import {computed} from "vue";
import PhoneCard from "@/components/PhoneCard.vue";
import {connectWallet} from "@/blockchain/wallet.js";
import Btn from "@/components/Btn.vue";
const s = useStore()