tags and new analytics new in budget

src/components/budgets/BudgetCreationView.vue

@@ -30,7 +30,7 @@ const budget = ref(new Budget())
 const create = async () => {
 
   try {
-    await createBudget(budget.value)
+    await createBudget(budget.value, createRecurrentPayments.value)
         .then((res) => budget.value = res)
         .catch((err) => console.log(err));
     emits("budget-created", budget.value, createRecurrentPayments.value);
@@ -115,10 +115,10 @@ onMounted(() => {
           <DatePicker v-model="budget.dateTo" id="dateTo" dateFormat="dd.mm.yy"/>
         </FloatLabel>
       </div>
-<!--      <div class="flex flex-row items-center min-w-fit gap-4">-->
+      <div class="flex flex-row items-center min-w-fit gap-4">
-<!--        <Checkbox v-model="createRecurrentPayments" binary/>-->
+        <Checkbox v-model="createRecurrentPayments" binary/>
-<!--        Создать ежемесячные платежи?-->
+        Создать ежемесячные платежи?
-<!--      </div>-->
+      </div>
       <div v-if="categories.length ==0" class="text-red-500 font-bold">Сперва лучше создать категории</div>
       <div class="flex flex-row gap-2 justify-end items-center">
         <Button label="Создать" severity="success" icon="pi pi-save" @click="create"/>

src/components/transactions/TransactionList.vue

@@ -13,6 +13,7 @@ import Button from "primevue/button";
 import {EventBus} from '@/utils/EventBus.ts';
 import {useSpaceStore} from "@/stores/spaceStore";
 import router from "@/router";
+import {useDrawerStore} from "@/stores/drawerStore";
 
 const loading = ref(false);
 const searchText = ref("");
@@ -21,6 +22,8 @@ const limit = 20; // Количество транзакций на одну з
 const offset = ref(0); // Начальное смещение
 const allLoaded = ref(false); // Флаг для отслеживания окончания данных
 
+const drawerStore = useDrawerStore()
+
 // Функция для получения транзакций с параметрами limit и offset
 const fetchTransactions = async (reload) => {
 
@@ -62,7 +65,6 @@ const switchUserFilter = async (user) => {
 }
 
 
-
 const tgname = computed(() => {
   if (window.Telegram.WebApp) {
     const tg = window.Telegram.WebApp;
@@ -136,11 +138,20 @@ onUnmounted( async () => {
 </script>
 
 <template>
-  <div class="px-4 bg-gray-100 h-full">
+  <div class="flex flex-col gap-4 p-4 bg-gray-100  h-full ">
-    <h2 class="text-4xl mb-6 font-bold">Список транзакций </h2>
+    <div class="flex flex-row gap-4 items-center">
+      <h2 class="text-4xl  font-bold">Список транзакций </h2>
+      <Button label="+ Создать" @click="{
+      drawerStore.setCategoryType('EXPENSE');
+      drawerStore.setTransactionType('INSTANT');
+      drawerStore.visible = true
+    }" size="small"/>
+    </div>
     <div v-if="!selectedSpace" class="flex w-full h-full items-center justify-center">
       <p>Сперва нужно выбрать Пространство.
-        <button class="text-blue-500 hover:underline" @click="router.push('/spaces').then((res) => router.go(0))">Перейти</button>
+        <button class="text-blue-500 hover:underline" @click="router.push('/spaces').then((res) => router.go(0))">
+          Перейти
+        </button>
       </p>
     </div>
     <div v-else class="flex flex-col gap-2">