Update, stake card

consensusnetworks · Mar 28, 2023 · 5ef3ab9 · 5ef3ab9
1 parent 5708326
commit 5ef3ab9
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 24 deletions.
diff --git a/apps/landing/src/App.vue b/apps/landing/src/App.vue
@@ -39,6 +39,7 @@ import Scrambler from '@/components/Scrambler.vue'
       </div>
       <div class="flex flex-col justify-center items-end gap-[25px]">
         <div class="flex gap-[3px]">
+          <!-- , 'Permissionless.', 'Any wallet.' -->
           <Scrambler 
             :phrases="['No minimum amount.', 'Maximum staking rewards.', 'Your keys, your coins.']"
             :repeat="true"

diff --git a/apps/web/src/pages/dashboard/components/Stake.vue b/apps/web/src/pages/dashboard/components/Stake.vue
@@ -30,22 +30,41 @@ const stakingStatus = ref({
 
 const app = ref(null as any)
 
+// Helpers
+async function getFees() {
+  try {
+    const fees = await getDepositFees()
+    if (fees % 1 === 0) {
+        return `${fees}.00%`
+    }
+    return `${fees}%`
+  } catch (err){
+    console.error(err)
+    return 'Error connecting to SSV network. Please try again momentarily.'
+  }
+}
+
+// Toggles
 const toggleSelectWalletModal = (on: boolean, e: any) => {
   if(openSelectWalletTab.value && on){
     if(e.target.id === ''){
       openSelectWalletTab.value = false
     }
   }
 }
-
 const toggleSignTransactionModal = (on: boolean, e: any) => {
   if(openSelectWalletTab.value && on){
     if(e.target.id === ''){
       openSelectWalletTab.value = false
     }
   }
 }
+const selectWallet = (wallet: any) => {
+  selectedWallet.value = wallet
+  openSelectWalletTab.value = false
+}
 
+// Watchers
 watch(openSelectWalletTab, () => {
   // console.log(openSelectWalletTab.value)
   if(openSelectWalletTab.value){
@@ -54,7 +73,6 @@ watch(openSelectWalletTab, () => {
     app.value.removeEventListener('click', (e) => {toggleSelectWalletModal(false, e)})
   }
 })
-
 watch(openSignTransactionTab, () => {
   // console.log(openSelectWalletTab.value)
   if(openSignTransactionTab.value){
@@ -63,18 +81,11 @@ watch(openSignTransactionTab, () => {
     app.value.removeEventListener('click', (e) => {toggleSignTransactionModal(false, e)})
   }
 })
-
-const selectWallet = (wallet: any) => {
-  selectedWallet.value = wallet
-  openSelectWalletTab.value = false
-}
-
 watch(selectedWallet, () => {
   if(selectedWallet.value){
     maxETHFromWallet.value = Number(convertToWholeUnits(selectedWallet.value.currency, Number(selectedWallet.value.balance)))
   }
 })
-
 watch([stakeAmount, selectedWallet], () => {
   if(stakeAmount.value && maxETHFromWallet.value) {
     if(stakeAmount.value > maxETHFromWallet.value){
@@ -90,30 +101,16 @@ watch([stakeAmount, selectedWallet], () => {
     stakingStatus.value.message = 'Select wallet, then select amount to stake.'
   }
 })
-
 watch(isMaxETHSelected, () => {
   stakeAmount.value = maxETHFromWallet.value
 })
-
-// checks if a valid number since we want it to be a text input
 watch(stakeAmount, () => {
   if(isNaN(stakeAmount.value)){
     stakeAmount.value = 0
   }
 })
 
-async function getFees() {
-  try {
-    const fees = await getDepositFees()
-    if (fees % 1 === 0) {
-        return `${fees}.00%`
-    }
-    return `${fees}%`
-  } catch (err){
-    console.error(err)
-    return 'Error connecting to SSV network. Please try again momentarily.'
-  }
-}
+// Action Handlers
 const handleConfirm = async () => {
   // loading.value = true
   // await deposit({ amount: stakeAmount.value.toString(), walletProvider: selectedWallet.value.walletProvider })