update profilepage

src/components/ConnectWallet.vue

@@ -38,14 +38,37 @@
 					:price="token.balanceOf"
 				></token-name-price>
 				<div class="connected-token-button">
-					<div class="bloodline-badge grey">
-						<div class="bloodline-badge-text">Sacrifice</div>
+					<div class="bloodline-badge grey" @click="badgeClick(token)">
+						<div
+							class="bloodline-badge-text"
+							v-if="tokenStore.memeToken.contractAddress === token.contractAddress"
+						>
+							Buy
+						</div>
+						<div v-else class="bloodline-badge-text">Sacrifice</div>
 					</div>
 				</div>
 				<token-logo :img="tokenStore.getToken(token.contractAddress).logo" :alt="'test'"></token-logo>
 			</div>
 		</div>
-		<stake-component></stake-component>
+		<!-- <stake-component>
+			<template v-slot:headline> Staked </template>
+			<template v-slot:subheadline>
+				Stake for a 25% bonus on your sacrifice. Upper limit is your stake.
+			</template>
+			<template v-slot:actions>
+				<div class="connected-stake-buttons" v-if="!stakeMenu">
+					<div class="btn btn-immortal" @click="openStake">Stake</div>
+					<div
+						v-if="walletStore.memeToken?.staked === 0 && !stakeonly"
+						class="btn btn-immortal btn--disabled"
+					>
+						Unstake
+					</div>
+					<div v-else-if="!stakeonly" class="btn btn-immortal" @click="openUnstake">Unstake</div>
+				</div>
+			</template>
+		</stake-component> -->
 	</div>
 </template>
 
@@ -59,9 +82,12 @@ import TokenLogo from "./TokenLogo.vue";
 import StakeComponent from "./StakeComponent.vue";
 import TokenInput from "./TokenInput.vue";
 import { getAddressShortName, getblocky } from "@/helper/helper.js";
+import { useRoute, useRouter } from "vue-router";
 
 import { disconnect } from "@wagmi/core";
 
+const router = useRouter();
+
 const walletStore = useWalletStoreV2();
 const tokenStore = useTokenStore();
 
@@ -85,6 +111,14 @@ async function disconnectWallet() {
 	}
 }
 
+function badgeClick(token) {
+	var tokenData = tokenStore.getToken(token.contractAddress);
+	tokenStore.activeToken = tokenData;
+	// router.push({ name: "home", hash: `#${tokenData.name}` });
+	router.push({ name: "home" });
+	instance.parent.emit("update:modelValue", false);
+}
+
 async function connectWallet(connector) {
 	instance.parent.emit("update:modelValue", false);
 	await walletStore.connectWallet(toRaw(connector));
@@ -149,23 +183,4 @@ async function connectWallet(connector) {
                 padding: 4px 16px
                 color: black
                 font-size: 14px
-
-.connected-stake
-    .connected-stake-headline
-        margin-bottom: 8px
-    .connected-stake-subheadline
-        margin-bottom: 16px
-    .connected-stake-body
-        display: flex
-        gap: 16px
-        margin-bottom: 16px
-        .stake-reward
-            margin-left: auto
-    .connected-stake-buttons
-        display: flex
-        text-align: center
-        gap: 16px
-        div
-            flex: 1 1 50%
-            font-size: 18px
 </style>