From 7d33f225ce349d28775b3fce6a7355747af0b8d6 Mon Sep 17 00:00:00 2001 From: EmberSpirit Date: Mon, 14 Aug 2023 18:34:12 +0200 Subject: [PATCH] update menu --- src/App.vue | 39 ++++++-- src/assets/sass/base.sass | 2 + src/assets/sass/buttons.sass | 2 + src/assets/sass/variables.sass | 1 + src/components/ConnectWallet.vue | 93 ++++++++++++++----- src/components/Navbar.vue | 4 +- src/helper/helper.js | 2 +- src/stores/memeburner.js | 4 +- src/stores/rewardlocker.js | 9 +- src/stores/rounds.js | 5 +- src/stores/tokens.js | 132 ++++++++++++++------------ src/stores/walletV2.js | 153 ++++++++++++++++--------------- src/views/HomeView.vue | 23 +++-- 13 files changed, 290 insertions(+), 179 deletions(-) diff --git a/src/App.vue b/src/App.vue index 3a26e27..b2b03e8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -106,6 +106,9 @@ onMounted(async () => { chainId: chainObject.id, }); walletStore.walletClient = walletClient; + + // walletStore.getTokenBalances() + await memeBurnerStore.init(); console.log("hierabc"); await tokenStore.initV2(); @@ -151,11 +154,12 @@ onMounted(async () => { await rewardLockerStore.init(); await memeBurnerStore.init(); - //init - // roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound()); - // console.log("roundsStore.currentRound", roundsStore.currentRound); - // roundsStore.activeRound = roundsStore.currentRound; - // await roundsStore.fillRound(roundsStore.activeRound); + // init + roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound()); + console.log("roundsStore.currentRound", roundsStore.currentRound); + roundsStore.activeRound = roundsStore.currentRound; + await roundsStore.fillRound(roundsStore.activeRound); + await walletStore.loadWalletData(); }); @@ -169,9 +173,30 @@ onMounted(async () => {
- $BLOOD is 100%
+ Follow Bloodline + +
+ + + +
diff --git a/src/assets/sass/base.sass b/src/assets/sass/base.sass index cd472c8..4f95323 100644 --- a/src/assets/sass/base.sass +++ b/src/assets/sass/base.sass @@ -26,6 +26,8 @@ display: flex .bloodline-badge-icon margin-right: 8px + &.grey + background-color: var(--grey) .card display: block diff --git a/src/assets/sass/buttons.sass b/src/assets/sass/buttons.sass index a61741c..7196813 100644 --- a/src/assets/sass/buttons.sass +++ b/src/assets/sass/buttons.sass @@ -15,3 +15,5 @@ background-color: #151515 color: #808080 cursor: not-allowed + &.black + background-color: var(--midnight-black) diff --git a/src/assets/sass/variables.sass b/src/assets/sass/variables.sass index 9721110..02d60a9 100644 --- a/src/assets/sass/variables.sass +++ b/src/assets/sass/variables.sass @@ -35,6 +35,7 @@ $button-background-color: $black --purple: #{$purple} --blood-color: #{$red} --midnight-black: #{$midnight-black} + --black: #{$midnight-black} --darkgrey: #{$darkgrey} // :root // --font-size-text: 16px diff --git a/src/components/ConnectWallet.vue b/src/components/ConnectWallet.vue index 3a1999e..b5c592d 100644 --- a/src/components/ConnectWallet.vue +++ b/src/components/ConnectWallet.vue @@ -11,6 +11,12 @@
{{ connector.name }}
+
+ Are you coming from Binance, Poloniex, Kucoin or any other CEX?
+
+ You don't have a wallet yet?

+ Follow these instructions first. +
@@ -20,35 +26,44 @@
{{ getAddressShortName(walletStore.address) }}
-
+
Your Tokens
- ^ -
- -
- +
+ +
+
+
Sacrifice
+
+
+
Staked
-
$BLD 1,0000
-
-
Stake
-
Unstake
+
Increase your sacrifice reward by staking.
+
+ + +
+
+
Stake
+
Unstake
+
+ + +
- -
disconnect
-
-
- Are you coming from Binance, Poloniex, Kucoin or any other CEX?
-
- You don't have a wallet yet?

- Follow these instructions first.
@@ -58,13 +73,17 @@ import { useWalletStoreV2 } from "@/stores/walletV2"; import { useTokenStore } from "@/stores/tokens"; import Meme1Json from "@/assets/contracts/Meme1.json"; import TokenNamePrice from "./TokenNamePrice.vue"; +import TokenLogo from "./TokenLogo.vue"; +import TokenInput from "./TokenInput.vue"; +import StakeMenu from "./StakeMenu.vue"; import { getAddressShortName, getblocky } from "@/helper/helper.js"; import { disconnect } from "@wagmi/core"; const walletStore = useWalletStoreV2(); const tokenStore = useTokenStore(); - +const stakeMenu = ref(false); +const stake = ref(null); const goerliKey = import.meta.env.VITE_GOERLI_KEY; const fromAddress = ref(null); @@ -89,6 +108,16 @@ async function connectWallet(connector) { instance.parent.emit("update:modelValue", false); await walletStore.connectWallet(toRaw(connector)); } + +function openStake() { + stake.value = true; + stakeMenu.value = true; +} + +function openUnstake() { + stake.value = false; + stakeMenu.value = true; +}