transaction list display

src/pages/ledger/ListLedgers.vue

@@ -4,7 +4,7 @@ import {EditLedgerModal, LedgerLabel, useLedgersStore} from "@/ledger";
 import {storeToRefs} from "pinia";
 import {nextTick, ref} from "vue";
 import {PencilSquareIcon} from "@heroicons/vue/24/outline";
-import {formatIsk} from "@/formaters.ts";
+import {IskLabel} from "@/market";
 
 const {ledgers} = storeToRefs(useLedgersStore());
 
@@ -22,9 +22,9 @@ const openEdit = async (ledgerId: string) => {
 <template>
   <div class="mt-4">
     <div v-for="ledger in ledgers" :key="ledger.ledgerId" class="flex items-center mb-2">
-      <LedgerLabel :ledger="ledger" />
+      <LedgerLabel :ledger="ledger" :link="true" />
       <div class="flex grow">
-        <span class="ms-2">{{ formatIsk(ledger.balance) }}</span>
+        <IskLabel class="ms-2" :amount="ledger.balance" />
       </div>
       <button class="btn-icon ms-2" @click="openEdit(ledger.ledgerId)"><PencilSquareIcon /></button>
     </div>