add spaces

src/components/budgets/BudgetView2.vue

@@ -14,21 +14,16 @@ import {Budget, BudgetCategory, Warn} from "@/models/Budget";
 import {useRoute} from "vue-router";
 import {formatAmount, formatDate, getMonthName, getMonthName2} from "@/utils/utils";
 import ProgressBar from "primevue/progressbar";
-import ProgressSpinner from "primevue/progressspinner";
-import BudgetCategoryView from "@/components/budgets/BudgetCategoryView.vue";
 import {Transaction} from "@/models/Transaction";
 import Toast from "primevue/toast";
-import Button from "primevue/button";
 import LoadingView from "@/components/LoadingView.vue";
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 import {Chart as ChartJS} from 'chart.js/auto';
 import SelectButton from "primevue/selectbutton";
 import Divider from "primevue/divider";
-import TransactionForm from "@/components/transactions/TransactionForm.vue";
-import Checkbox from "primevue/checkbox";
 import {useDrawerStore} from "@/stores/drawerStore";
 import {EventBus} from '@/utils/EventBus.ts';
-import {useUserStore} from "@/stores/userStore";
+import {useToast} from "primevue/usetoast";
 
 // Зарегистрируем плагин
 ChartJS.register(ChartDataLabels);
@@ -60,7 +55,7 @@ const leftForUnplanned = ref(0)
 const budget = ref<Budget>()
 const warns = ref<[Warn]>()
 const checkWarnsExists = computed(() => {
-  console.log(warns?.value && warns.value.length > 0 ? "true" : "false");
+
   return warns?.value?.length > 0;
 });
 const categories = ref<BudgetCategory[]>([])
@@ -384,23 +379,37 @@ const updateLimitOnBackend = async (categoryId, newLimit) => {
   });
 };
 
-
+const toast = useToast();
 const budgetInfo = ref<Budget>();
 const fetchBudgetInfo = async (test) => {
-  loading.value = test ? test : false;
-  await getBudgetInfo(route.params.id).then((data) => {
-        budget.value = data
-        plannedExpenses.value = budget.value?.plannedExpenses
-        plannedIncomes.value = budget.value?.plannedIncomes
-        transactions.value = budget.value?.transactions
-        categories.value = budget.value?.categories
-        incomeCategories.value = budget.value?.incomeCategories
-        updateLoading.value = false
-      }
-  )
+  try {
+    await getBudgetInfo(route.params.id).then((data) => {
+          budget.value = data
+          plannedExpenses.value = budget.value?.plannedExpenses
+          plannedIncomes.value = budget.value?.plannedIncomes
+          transactions.value = budget.value?.transactions
+          categories.value = budget.value?.categories
+          incomeCategories.value = budget.value?.incomeCategories
+          updateLoading.value = false
+        }
+    ).catch((error) => {
+      loading.value = false
+      updateLoading.value = false
+
+      toast.add({
+        severity: 'error',
+        summary: 'Ошибка!',
+        detail: error.response?.data?.message || 'Ошибка при создании транзакции',
+        life: 3000
+      });
+    })
+  } catch (error) {
+    toast.add({severity: 'error', summary: "Ошибка при получении бюджета", detail: error.message, life: 3000});
+  }
   updateLoading.value = false
   loading.value = false
 
+
 }
 
 
@@ -613,7 +622,7 @@ const expandCats = (value: boolean) => {
   for (const categoryId in incomeCategoriesState) {
     if (Object.prototype.hasOwnProperty.call(incomeCategoriesState, categoryId)) {
       incomeCategoriesState[categoryId].isOpened = value;
-      console.log(`Категория ${categoryId}: isOpened = ${incomeCategoriesState[categoryId].isOpened}`);
+
     }
   }
 
@@ -621,7 +630,7 @@ const expandCats = (value: boolean) => {
   for (const categoryId in expenseCategoriesState) {
     if (Object.prototype.hasOwnProperty.call(expenseCategoriesState, categoryId)) {
       expenseCategoriesState[categoryId].isOpened = value;
-      console.log(`Категория ${categoryId}: isOpened = ${expenseCategoriesState[categoryId].isOpened}`);
+
     }
   }
 };
@@ -710,29 +719,17 @@ watch([budget, plannedExpenses], () => {
   calendar.value = result;
 }, {immediate: true});
 
-onMounted(async () => {
+onMounted(() => {
   updateLoading.value = true;
-  try {
-    await Promise.all([
-      fetchBudgetInfo(),
-      fetchWarns()
-      // budget.value = await getBudgetInfo(route.params.id),
-      // fetchPlannedIncomes(),
-      // fetchPlannedExpenses(),
-      // fetchBudgetCategories(),
-      // fetchBudgetTransactions(),
-    ]);
-    EventBus.on('transactions-updated', fetchBudgetInfo, true);
-  } catch (error) {
-    console.error('Error during fetching data:', error);
-  } finally {
-    loading.value = false
-  }
-});
 
-onUnmounted(async () => {
-  EventBus.off('transactions-updated', fetchBudgetInfo);
+  fetchBudgetInfo()
+  fetchWarns()
+  EventBus.on('transactions-updated', fetchBudgetInfo, true);
 })
+
+  onUnmounted(async () => {
+    EventBus.off('transactions-updated', fetchBudgetInfo);
+  })
 </script>
 
 <template>