Release fix (#2133)

* FIX: withdraw on single keys

* FIX: total balance and number of keys on all

Author: MaxTheGeeek

launcher/src/components/UI/staking-page/StakingScreen.vue

@@ -562,6 +562,11 @@ const withdrawModalHandler = () => {
 const withdrawValidatorKey = async () => {
   stakingStore.withdrawAndExitResponse = null;
   const key = stakingStore.selectedSingleKeyToWithdraw;
+  if (!stakingStore.selectedServiceToFilter) {
+    stakingStore.selectedServiceToFilter = serviceStore.installedServices.find(
+      (service) => service?.config?.serviceID === key?.validatorID
+    );
+  }
 
   try {
     let res;

launcher/src/components/UI/staking-page/components/management/components/val-rewards/TotalBalance.vue

@@ -36,18 +36,21 @@ const ttlBal = t("displayValidator.ttlBal");
 
 const stakingStore = useStakingStore();
 
-// Computed property to get the total number of keys based on validatorID
 const totalKeys = computed(() => {
-  return stakingStore.keyNumbers;
+  return stakingStore.keys?.filter((key) => key.key && key.key.trim() !== "").length || 0;
 });
 
-// Computed property to calculate the total balance for the validator service
 const totalBalance = computed(() => {
   const validatorID = stakingStore.selectedServiceToFilter?.config?.serviceID;
-  if (!validatorID) return 0;
-  const keysForValidator = stakingStore.keys.filter((key) => key.validatorID === validatorID);
-  return keysForValidator.reduce((sum, key) => {
-    return !isNaN(key.balance) ? (sum += key.balance) : (sum += 0);
+
+  if (validatorID) {
+    const keysForValidator = stakingStore.keys.filter((key) => key.validatorID === validatorID);
+    return keysForValidator.reduce((sum, key) => {
+      return !isNaN(key.balance) ? (sum += key.balance) : sum;
+    }, 0);
+  }
+  return stakingStore.keys.reduce((sum, key) => {
+    return !isNaN(key.balance) ? (sum += key?.balance) : sum;
   }, 0);
 });
 </script>

launcher/src/components/UI/staking-page/components/modals/WithdrawMultiple.vue

@@ -77,8 +77,8 @@
 </template>
 
 <script setup>
-import { useStakingStore } from "@/store/theStaking";
 import { useDeepClone, useTruncate } from "@/composables/utils";
+import { useStakingStore } from "@/store/theStaking";
 import { computed, ref, watch } from "vue";
 
 const emit = defineEmits(["confirmWithdraw", "exportMessage"]);