fix spaces

src/components/budgets/BudgetView2.vue

@@ -8,7 +8,7 @@ import {
   getBudgetTransactions,
   updateBudgetCategoryRequest,
   getWarns,
-  hideWarnRequest
+  hideWarnRequest, getBudgetInfos
 } from "@/services/budgetsService";
 import {Budget, BudgetCategory, Warn} from "@/models/Budget";
 import {useRoute} from "vue-router";
@@ -24,6 +24,7 @@ import Divider from "primevue/divider";
 import {useDrawerStore} from "@/stores/drawerStore";
 import {EventBus} from '@/utils/EventBus.ts';
 import {useToast} from "primevue/usetoast";
+import {useSpaceStore} from "@/stores/spaceStore";
 
 // Зарегистрируем плагин
 ChartJS.register(ChartDataLabels);
@@ -719,17 +720,38 @@ watch([budget, plannedExpenses], () => {
   calendar.value = result;
 }, {immediate: true});
 
+const spaceStore = useSpaceStore()
+const selectedSpace = computed(() => spaceStore.space)
+
+watch(
+    () => selectedSpace.value,
+    async (newValue, oldValue) => {
+
+      if (newValue != oldValue || !oldValue) {
+        try {
+          loading.value = true;
+          // Если выбранный space изменился, получаем новую информацию о бюджете
+          fetchBudgetInfo()
+        } catch (error) {
+          console.error('Error fetching budget infos:', error);
+        }
+      }
+    }
+);
+
 onMounted(() => {
   updateLoading.value = true;
 
-  fetchBudgetInfo()
-  fetchWarns()
+  if (selectedSpace.value) {
+    fetchBudgetInfo()
+    fetchWarns()
+  }
   EventBus.on('transactions-updated', fetchBudgetInfo, true);
 })
 
-  onUnmounted(async () => {
-    EventBus.off('transactions-updated', fetchBudgetInfo);
-  })
+onUnmounted(async () => {
+  EventBus.off('transactions-updated', fetchBudgetInfo);
+})
 </script>
 
 <template>