transaction list api

src/pages/ledger/ListLedgers.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import {CreateLedgerModal, LedgerLabel, useLedgersStore} from "@/ledger";
+import {EditLedgerModal, LedgerLabel, useLedgersStore} from "@/ledger";
 import {storeToRefs} from "pinia";
 import {nextTick, ref} from "vue";
 import {PencilSquareIcon} from "@heroicons/vue/24/outline";
@@ -8,7 +8,7 @@ import {formatIsk} from "@/formaters.ts";
 
 const {ledgers} = storeToRefs(useLedgersStore());
 
-const editModal = ref<typeof CreateLedgerModal>();
+const editModal = ref<typeof EditLedgerModal>();
 const editingLedgerId = ref("");
 
 const openEdit = async (ledgerId: string) => {
@@ -29,5 +29,5 @@ const openEdit = async (ledgerId: string) => {
       <button class="btn-icon ms-2" @click="openEdit(ledger.ledgerId)"><PencilSquareIcon /></button>
     </div>
   </div>
-  <CreateLedgerModal ref="editModal" :ledger-id="editingLedgerId" />
+  <EditLedgerModal ref="editModal" :ledger-id="editingLedgerId" />
 </template>