update cycleview, pageview + profileview

src/views/ProfileView.vue

@@ -2,7 +2,7 @@
 	<div>
 		<div class="profile-header">Profile</div>
 		<div class="profile-subheader">
-			<div class="profile-subheader-logo"><img src="/assets/img/Icon.png" alt="" /></div>
+			<div class="profile-subheader-logo"><img :src="getblocky(walletStore.address)" alt="" /></div>
 			<div class="profile-subheader-address">0x12345...812d</div>
 		</div>
 		<div class="total-rewards-wrapper">
@@ -27,7 +27,9 @@
 				</div>
 			</div>
 		</div>
-		<div class="most-sacrificed-wrapper">
+		<stake-component></stake-component>
+
+		<div class="most-sacrificed-wrapper" v-if="false">
 			<div class="most-sacrificed-inner">
 				<div class="most-sacrificed-left">
 					<div class="most-sacrificed-header">Bloodline Clan</div>
@@ -41,7 +43,7 @@
 				</div>
 			</div>
 		</div>
-		<div class="total-sacrificed-wrapper">
+		<div class="total-sacrificed-wrapper" v-if="false">
 			<div class="total-sacrificed-inner">
 				<div class="total-sacrificed-header">Total Sacrifice</div>
 				<div class="total-sacrificed-coins">
@@ -85,7 +87,10 @@
 								<div class="cycle-round-badget" v-if="roundsStore.currentRound === round.round">
 									active
 								</div>
-								<div class="cycle-round-reward">
+								<div class="cycle-round-reward" v-if="roundsStore.currentRound === round.round">
+									todo
+								</div>
+								<div class="cycle-round-reward" v-else>
 									{{ Number(round.rewards_total / BigInt(Math.pow(10, 18))) }} $BDL
 								</div>
 								<div class="cycle-round-more" @click="openRound(index)">
@@ -163,9 +168,15 @@
 <script setup>
 import { ref, onMounted, computed } from "vue";
 import { useRoundsStore } from "@/stores/rounds";
+import { useWalletStoreV2 } from "@/stores/walletV2";
+
+import { getblocky } from "@/helper/helper.js";
+import StakeComponent from "@/components/StakeComponent.vue";
 
 const roundsStore = useRoundsStore();
 
+const walletStore = useWalletStoreV2();
+
 const activeRound = ref(null);
 const openCycleElement = ref(false);
 function openRound(index) {
@@ -183,7 +194,17 @@ onMounted(async () => {
 	console.log("roundsStore.rounds", roundsStore.rounds);
 });
 
-const rounds = computed(() => roundsStore.rounds.reverse());
+const rounds = computed(() =>
+	roundsStore.rounds
+		.filter((round) => {
+			if (round.round) {
+				return true;
+			} else {
+				return false;
+			}
+		})
+		.reverse()
+);
 </script>
 
 <style lang="sass">
@@ -197,8 +218,12 @@ const rounds = computed(() => roundsStore.rounds.reverse());
     justify-content: center
     gap: 12px
     align-items: center
-    // .profile-subheader-logo
     margin-bottom: 24px
+    .profile-subheader-logo
+        img
+            width: 21px
+            height: 21px
+            border-radius: 20%
     .profile-subheader-address
         font-size: 12px
 .total-rewards-wrapper