update profilepage

src/App.vue

@@ -19,6 +19,7 @@ import {
 	watchNetwork,
 	watchContractEvent,
 	watchWalletClient,
+	watchPublicClient,
 	getAccount,
 	getNetwork,
 	getPublicClient,
@@ -85,19 +86,42 @@ onMounted(async () => {
 	window.addEventListener("resize", handleWindowSizeChange);
 	handleWindowSizeChange();
 
-	// initContracts
+	const showPanel = ref(false);
+	const eventWatch = ref(null);
+	const netWorkEvent = ref(null);
+	const memeSacrificedEvent = ref(null);
+	const clientClientEvent = ref(null);
+	console.log("beforeEach");
+	const tokenStore = useTokenStore();
+	const memeBurnerStore = useMemeburnerStore();
+	const rewardLockerStore = useRewardLockerStore();
+	const roundsStore = useRoundsStore();
+	const walletStore = useWalletStoreV2();
+	console.log("walletStore.initialized", walletStore.initialized);
+	walletStore.initialized = true;
+	console.log("hier");
 	// await walletStore.init();
 	// await tokenStore.initV2();
 	// await memeBurnerStore.init();
 	// await rewardLockerStore.init();
 	// await memeBurnerStore.init();
-	// await multiCallStore.init();
-	//Memeburner Contract
+	console.log("init router");
+	console.log("roundsStore.currentRound", roundsStore.currentRound);
+	if (!roundsStore.currentRound) {
+		roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
+		console.log("roundsStore.currentRound", roundsStore.currentRound);
+		roundsStore.activeRound = roundsStore.currentRound;
+	}
 
-	//init
-	// roundsStore.currentRound = parseInt(await memeBurnerStore.getCurrentRound());
-	// console.log("roundsStore.currentRound", roundsStore.currentRound);
-	// roundsStore.activeRound = roundsStore.currentRound;
+	const { chain, chains } = getNetwork();
+	console.log("chain", chain?.id);
+	console.log("chains", chains);
+
+	await roundsStore.fillRound(roundsStore.activeRound);
+	// await walletStore.loadWalletData();
+
+	// initContracts
+	//Memeburner Contract
 });
 </script>
 
@@ -110,11 +134,8 @@ onMounted(async () => {
 		<RouterView />
 	</div>
 	<div class="footer">
-		<div class="footer-inner">
+		<!-- <div class="footer-inner">
 			<div class="footer-headline">Follow Bloodline</div>
-			<!-- $BLOOD is 100%<br />
-			community owned.<br />
-			No team %, no pre-mine. -->
 			<div class="footer-social-links">
 				<div class="social-bloodline-badge">
 					<div class="social-bloodline-badge-icon">
@@ -132,7 +153,7 @@ onMounted(async () => {
 					</div>
 				</div>
 			</div>
-		</div>
+		</div> -->
 	</div>
 	<div class="mobile-navigation-bar" v-if="isMobile">
 		<div @click="changeRoute('home')" :class="{ active: route.name === 'home' }">
@@ -151,6 +172,7 @@ onMounted(async () => {
 .footer
     height: auto
     background-color: var(--midnight-black)
+    min-height: 72px
     @media (min-width: 992px)
         height: 450px
         min-height: 450px
@@ -186,14 +208,14 @@ onMounted(async () => {
     height: 72px
     width: 100%
     padding: 16px 48px
-    border-radius: 24px 24px 0px 0px
-    background: var(--grey, #858585)
+    border-radius: 16px 16px 0px 0px
+    box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.25)
+    background: var(--midnight-black, #0F0F0F)
     bottom: -1px
     position: fixed
     display: flex
     justify-content: space-around
     align-items: center
-    color: black
     div
         font-size: 40px
         cursor: pointer