rounds implemented + over all improvements

src/components/TokenClaim.vue

@@ -6,9 +6,6 @@
 				<font-awesome-icon icon="fa-solid fa-plus" />
 			</div>
 			<rewards-wrapper title="Clan Reward" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
-			<div class="claim-button">
-				<div class="btn btn-immortal">Claim</div>
-			</div>
 		</div>
 		<div class="rewards-list" v-else>
 			<rewards-wrapper
@@ -27,13 +24,33 @@
 			<rewards-wrapper title="Clan Bonus" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
 			<rewards-wrapper title="Total Reward" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
 		</div>
+		<div class="claim-button">
+			<div class="btn btn-immortal" @click="claimRewards">Claim</div>
+		</div>
 	</div>
 </template>
 
 <script setup>
+import { storeToRefs } from "pinia";
 import RewardsWrapper from "@/components/RewardsWrapper.vue";
-import { inject } from "vue";
+import { inject, ref, onMounted } from "vue";
+import { useRewardLockerStore } from "@/stores/rewardlocker";
+import { useWalletStore } from "@/stores/wallet";
+import { useRoundsStore } from "@/stores/rounds";
+
+const rewards = ref(0);
 const isMobile = inject("isMobile");
+const rewardLockerStore = useRewardLockerStore();
+const walletStore = useWalletStore();
+const roundStore = useRoundsStore();
+const { address } = storeToRefs(walletStore);
+const { activeRound, getCurrentRoundData } = storeToRefs(roundStore);
+
+onMounted(async () => {});
+
+function claimRewards() {
+	//todo
+}
 </script>
 
 <style lang="sass">