update cycleview, pageview + profileview

src/components/ConnectWallet.vue

@@ -45,25 +45,7 @@
 				<token-logo :img="tokenStore.getToken(token.contractAddress).logo" :alt="'test'"></token-logo>
 			</div>
 		</div>
-		<div class="connected-stake bloodline-border white">
-			<div class="connected-stake-headline">Staked</div>
-			<div class="connected-stake-subheadline">Increase your sacrifice reward by staking.</div>
-			<div class="connected-stake-body">
-				<token-name-price
-					:name="tokenStore.getToken(walletStore.memeToken?.contractAddress).name"
-					:price="walletStore.memeToken.staked"
-				></token-name-price>
-				<token-logo img="/assets/img/token/bloodline.png" :alt="'test'"></token-logo>
-				<token-name-price class="stake-reward" name="Extra Reward" price="+20%"></token-name-price>
-			</div>
-			<div class="connected-stake-buttons" v-if="!stakeMenu">
-				<div class="btn btn-immortal" @click="openStake">Stake</div>
-				<div class="btn btn-immortal" @click="openUnstake">Unstake</div>
-			</div>
-			<Transition>
-				<stake-menu @close="stakeMenu = false" :stake="stake" v-if="stakeMenu"></stake-menu>
-			</Transition>
-		</div>
+		<stake-component></stake-component>
 	</div>
 </template>
 
@@ -74,16 +56,15 @@ import { useTokenStore } from "@/stores/tokens";
 import Meme1Json from "@/assets/contracts/Meme1.json";
 import TokenNamePrice from "./TokenNamePrice.vue";
 import TokenLogo from "./TokenLogo.vue";
+import StakeComponent from "./StakeComponent.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);
@@ -108,16 +89,6 @@ 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;
-}
 </script>
 
 <style lang="sass">