fix user not logged in getrewardsFor & badget +/- fix

src/components/SacrificeToken.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="sacrifice-wrapper card card--glow bloodline-wrapper">
+	<div class="sacrifice-wrapper card card--glow">
 		<div class="sacrifice-headline">Select Sacrifice</div>
 		<button @click="splashBlood++">splash</button>
 		<div class="sacrifice-select-tokens">
@@ -52,7 +52,12 @@
 							:key="steps.name"
 							@click="addTokens(steps.amount)"
 						>
-							<template v-if="sacrificeStore.sacrificeNumber < activeWalletToken.balanceOf">
+							<template
+								v-if="
+									!walletStore.connected ||
+									sacrificeStore.sacrificeNumber < activeWalletToken?.balanceOf
+								"
+							>
 								+{{ steps.name }}
 							</template>
 							<template v-else> -{{ steps.name }} </template>
@@ -289,7 +294,7 @@ async function approveToken(amount) {
 }
 
 async function addTokens(value) {
-	if (sacrificeStore.sacrificeNumber < activeWalletToken.value.balanceOf) {
+	if (!walletStore.connected || sacrificeStore.sacrificeNumber < activeWalletToken.value?.balanceOf) {
 		sacrificeStore.sacrificeNumber = Number(sacrificeStore.sacrificeNumber) + Number(value);
 	} else {
 		sacrificeStore.sacrificeNumber = Number(sacrificeStore.sacrificeNumber) - Number(value);
@@ -305,7 +310,7 @@ async function addTokens(value) {
 
 async function addMaxTokens() {
 	addOperator.value = !addOperator.value;
-	sacrificeStore.sacrificeNumber = activeWalletToken.value.balanceOf;
+	sacrificeStore.sacrificeNumber = activeWalletToken.value?.balanceOf;
 	const rewardValue = await sacrificeStore.getRewardsFor(sacrificeStore.sacrificeNumber, activeToken.value);
 	console.log("rewardValue", rewardValue);
 	output.value = rewardValue.output;