From 1916b3f60df3d9b5879ef1eb4f0c9f05998574c0 Mon Sep 17 00:00:00 2001 From: demogorgod Date: Wed, 23 Nov 2022 13:49:04 -0500 Subject: [PATCH 01/31] Fix side nav animation --- .../src/components/navigation/components/Multiwallet.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/web/src/components/navigation/components/Multiwallet.vue b/apps/web/src/components/navigation/components/Multiwallet.vue index bb5dece8b..8faa353ba 100644 --- a/apps/web/src/components/navigation/components/Multiwallet.vue +++ b/apps/web/src/components/navigation/components/Multiwallet.vue @@ -87,7 +87,7 @@ const connectedWallets = ref([ Drag the icon to change your master wallet (Master wallet is the wallet that you connect @@ -101,7 +101,7 @@ const connectedWallets = ref([ >
  • Get Started with Casimir's Multiwallet Connect @@ -114,7 +114,7 @@ const connectedWallets = ref([ View and manage your assets across all types of wallets
  • - Stake t our supported protocoals with any of your connected wallets + Stake to our supported protocoals with any of your connected wallets
  • From 94fcbc02e62253bc8991c0717ffa530b2cff6669 Mon Sep 17 00:00:00 2001 From: demogorgod Date: Wed, 23 Nov 2022 18:26:35 -0500 Subject: [PATCH 02/31] Add Staking page modal --- apps/web/public/ETH.svg | 9 ++ .../web/src/components/navigation/SideNav.vue | 14 +-- .../navigation/components/Multiwallet.vue | 4 +- apps/web/src/composables/router.ts | 10 +- apps/web/src/index.css | 24 +++- apps/web/src/pages/staking/Staking.vue | 116 ++++++++++++++++-- .../pages/staking/components/ETHStaking.vue | 24 ++++ apps/web/tailwind.config.js | 8 +- 8 files changed, 182 insertions(+), 27 deletions(-) create mode 100644 apps/web/public/ETH.svg create mode 100644 apps/web/src/pages/staking/components/ETHStaking.vue diff --git a/apps/web/public/ETH.svg b/apps/web/public/ETH.svg new file mode 100644 index 000000000..c68a17466 --- /dev/null +++ b/apps/web/public/ETH.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/web/src/components/navigation/SideNav.vue b/apps/web/src/components/navigation/SideNav.vue index b85f94222..34425a0b8 100644 --- a/apps/web/src/components/navigation/SideNav.vue +++ b/apps/web/src/components/navigation/SideNav.vue @@ -7,10 +7,10 @@ const open = ref(false) -const selectedPage = ref(router.currentRoute.value.fullPath) +const selectedPage = ref(router.currentRoute.value.fullPath.split('/')[1]) watch (router.currentRoute, () => { - selectedPage.value = router.currentRoute.value.fullPath + selectedPage.value = router.currentRoute.value.fullPath.split('/')[1] }) // To Do: connect this to our Auth and see if an account exsists @@ -20,7 +20,7 @@ const account = ref(true)