init functions for the storage

src/components/BloodChart.vue

@@ -55,6 +55,10 @@
 
 <script setup>
 import { getPercentage, compactNumber } from "@/helper/helper.js";
+import { useMemeburnerStore } from "@/stores/memeburner";
+
+const memeBurnerStore = useMemeburnerStore();
+
 const props = defineProps({
 	data: Array,
 });
@@ -119,7 +123,7 @@ function getImageUrl(url) {
                     font-size: 24px
         .blood-chart-element-body
             background-color: rgba(233, 233, 233, 0.2)
-            flex: 1 1 auto
+            flex: 0 0 500px
             border-radius: 8px 8px 40px 40px
             text-align: left
             .blood-chart-bar-wrapper
@@ -134,7 +138,6 @@ function getImageUrl(url) {
                     .blood-chart-bar-percentage
                         font-size: 14px
                         text-align: center
-                        margin-top: 16px
                     .waves
                         position: absolute
                         top: -10px

src/components/RewardsWrapper.vue

@@ -9,7 +9,7 @@
 		<div class="rewards-sacrifice-wrapper bloodline-border bloodline-border--variant1">
 			<div class="rewards-body">
 				<div class="rewards-coin">$BLOOD</div>
-				<div class="rewards-amount">0</div>
+				<div class="rewards-amount">{{ props.amount }}</div>
 			</div>
 			<img class="bloodline-token" :src="props.image" alt="vampir" />
 		</div>
@@ -20,6 +20,7 @@
 const props = defineProps({
 	title: String,
 	info: String,
+	amount: String,
 	image: String,
 });
 </script>

src/components/SacrificeToken.vue

@@ -70,7 +70,7 @@
 						<div
 							class="btn btn-immortal"
 							v-if="activeToken.allowance > 0 && activeToken.allowance >= tokenNumber"
-							@click="approvalData = tokenStore.sacrificeToken(tokenNumber)"
+							@click="approvalData = memeburnerStore.sacrificeMeme(tokenNumber)"
 						>
 							<font-awesome-icon v-if="loading" icon="spinner" spin />
 							Sacrifce {{ activeToken.name }}
@@ -97,6 +97,7 @@
 import { ref, defineProps, watch, inject } from "vue";
 import { useWalletStore } from "@/stores/wallet";
 import { useTokenStore } from "@/stores/tokens";
+import { useMemeburnerStore } from "@/stores/memeBurner";
 import { storeToRefs } from "pinia";
 import Helper from "@/utils/helper.js";
 const isMobile = inject("isMobile");
@@ -107,6 +108,8 @@ const { contract, connected } = storeToRefs(walletStore);
 const tokenStore = useTokenStore();
 const { activeToken, loading } = storeToRefs(tokenStore);
 
+const memeburnerStore = useMemeburnerStore();
+
 const props = defineProps({
 	data: Array,
 });
@@ -130,16 +133,22 @@ async function getRewardsFor(e) {
 		output.value = 0;
 		return;
 	}
-	console.log("e.target.value * 18", e.target.value * Math.pow(10, 18));
-	const rewardsForResult = await tokenStore.getRewardsFor(
+	console.log("activeToken.value.decimals", activeToken.value.decimals);
+	const rewardsForResult = await memeburnerStore.getRewardsFor(
 		BigInt(e.target.value * Math.pow(10, activeToken.value.decimals))
 	);
+	// var test = await memeburnerStore.getRewardsFor(10000);
+	// console.log("test", test);
+	// const rewardsForResult = await tokenStore.getRewardsFor(10000);
+	console.log("rewardsForResult", rewardsForResult);
+	console.log("tokenStore.memeToken.decimals", tokenStore.memeToken.decimals);
+	console.log("Math.pow(10, tokenStore.memeToken.decimals)", Math.pow(10, tokenStore.memeToken.decimals));
 	output.value = rewardsForResult / Math.pow(10, tokenStore.memeToken.decimals);
 }
 
 async function addTokens(value) {
 	tokenNumber.value = tokenNumber.value + value;
-	output.value = await tokenStore.getRewardsFor(parseInt(tokenNumber.value));
+	output.value = await memeburnerStore.getRewardsFor(parseInt(tokenNumber.value));
 }
 </script>
 

src/components/TokenClaim.vue

@@ -1,11 +1,21 @@
 <template>
 	<div class="claim bloodline-border">
 		<div class="rewards-wrapper" v-if="!isMobile">
-			<rewards-wrapper title="Sacrafice Reward" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
+			<rewards-wrapper
+				title="Sacrafice Reward"
+				coin="$BLOOD"
+				:amount="getCurrentRoundData?.rewards_sacrifice"
+				image="/src/assets/img/vampir.png"
+			/>
 			<div class="rewards-divider bloodline-devider">
 				<font-awesome-icon icon="fa-solid fa-plus" />
 			</div>
-			<rewards-wrapper title="Clan Reward" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
+			<rewards-wrapper
+				title="Clan Reward"
+				coin="$BLOOD"
+				:amount="getCurrentRoundData?.rewards_clan"
+				image="/src/assets/img/vampir.png"
+			/>
 		</div>
 		<div class="rewards-list" v-else>
 			<rewards-wrapper
@@ -37,7 +47,7 @@ import { inject, ref, onMounted } from "vue";
 import { useRewardLockerStore } from "@/stores/rewardlocker";
 import { useWalletStore } from "@/stores/wallet";
 import { useRoundsStore } from "@/stores/rounds";
-
+const clanRewards = ref(0);
 const rewards = ref(0);
 const isMobile = inject("isMobile");
 const rewardLockerStore = useRewardLockerStore();
@@ -48,8 +58,11 @@ const { activeRound, getCurrentRoundData } = storeToRefs(roundStore);
 
 onMounted(async () => {});
 
-function claimRewards() {
-	//todo
+async function claimRewards() {
+	console.log("getCurrentRoundData", getCurrentRoundData);
+	console.log("activeRound.value", activeRound.value);
+	var result = await rewardLockerStore.claim([activeRound.value]);
+	console.log("result", result);
 }
 </script>