transaction list display

src/ledger/LedgerLabel.vue

@@ -2,9 +2,12 @@
 
 import {isCombined, Ledger} from "@/ledger/ledger.ts";
 import {FolderOpenIcon} from '@heroicons/vue/24/outline';
+import {RouterLink} from "vue-router";
+import {routeNames} from "@/routes.ts";
 
 interface Props {
   ledger: Ledger;
+  link?: boolean;
 }
 
 const props = defineProps<Props>();
@@ -14,6 +17,7 @@ const props = defineProps<Props>();
   <div class="flex">
     <FolderOpenIcon v-if="isCombined(ledger)" class="w-4 me-1" />
     <div v-else class="w-4 me-1"/>
-    <span>{{ ledger.name }}</span>
+    <RouterLink v-if="link" :to="{name: routeNames.listLedgerTransactions, params: {ledgerId: ledger.ledgerId}}">{{ ledger.name }}</RouterLink>
+    <span v-else>{{ ledger.name }}</span>
   </div>
 </template>