From b3defb562f5b35074a51611d3d4f0d624f9f5a97 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Wed, 28 May 2025 21:22:44 +1000
Subject: [PATCH] Refresh journal/general ledger view when transaction updated

---
 src/pages/GeneralLedgerView.vue | 14 +++++++++++++-
 src/pages/JournalView.vue       | 17 +++++++++++++----
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/pages/GeneralLedgerView.vue b/src/pages/GeneralLedgerView.vue
index a57df41..774d7d4 100644
--- a/src/pages/GeneralLedgerView.vue
+++ b/src/pages/GeneralLedgerView.vue
@@ -1,6 +1,6 @@
 <!--
 	DrCr: Web-based double-entry bookkeeping framework
-	Copyright (C) 2022–2025  Lee Yingtong Li (RunasSudo)
+	Copyright (C) 2022-2025  Lee Yingtong Li (RunasSudo)
 	
 	This program is free software: you can redistribute it and/or modify
 	it under the terms of the GNU Affero General Public License as published by
@@ -63,6 +63,7 @@
 	import dayjs from 'dayjs';
 	import { PencilIcon, PlusIcon } from '@heroicons/vue/24/outline';
 	import { invoke } from '@tauri-apps/api/core';
+	import { UnlistenFn, listen } from '@tauri-apps/api/event';
 	import { onUnmounted, ref, watch } from 'vue';
 	
 	import { Transaction } from '../db.ts';
@@ -151,9 +152,20 @@
 	
 	load();
 	
+	// Refresh transaction list when transaction updated
+	let unlistenTransactionUpdated: UnlistenFn | null = null;
+	(async () => {
+		// Cannot await at top level without <Suspense> therefore do this in an async function
+		unlistenTransactionUpdated = await listen('transaction-updated', async (_event) => { await load(); });
+	})();
+	
 	onUnmounted(() => {
 		if (clusterize !== null) {
 			clusterize.destroy();
 		}
+		
+		if (unlistenTransactionUpdated !== null) {
+			unlistenTransactionUpdated();
+		}
 	});
 </script>
diff --git a/src/pages/JournalView.vue b/src/pages/JournalView.vue
index 39fec4e..99cec35 100644
--- a/src/pages/JournalView.vue
+++ b/src/pages/JournalView.vue
@@ -1,6 +1,6 @@
 <!--
 	DrCr: Web-based double-entry bookkeeping framework
-	Copyright (C) 2022–2025  Lee Yingtong Li (RunasSudo)
+	Copyright (C) 2022-2025  Lee Yingtong Li (RunasSudo)
 	
 	This program is free software: you can redistribute it and/or modify
 	it under the terms of the GNU Affero General Public License as published by
@@ -60,12 +60,10 @@
 
 <script setup lang="ts">
 	import Clusterize from 'clusterize.js';
-	
 	import dayjs from 'dayjs';
-	
 	import { PencilIcon } from '@heroicons/vue/24/outline';
 	import { PlusIcon } from '@heroicons/vue/16/solid';
-	
+	import { UnlistenFn, listen } from '@tauri-apps/api/event';
 	import { onUnmounted, ref, watch } from 'vue';
 	
 	import { JoinedTransactionPosting, Transaction, db, joinedToTransactions } from '../db.ts';
@@ -157,9 +155,20 @@
 	
 	load();
 	
+	// Refresh transaction list when transaction updated
+	let unlistenTransactionUpdated: UnlistenFn | null = null;
+	(async () => {
+		// Cannot await at top level without <Suspense> therefore do this in an async function
+		unlistenTransactionUpdated = await listen('transaction-updated', async (_event) => { await load(); });
+	})();
+	
 	onUnmounted(() => {
 		if (clusterize !== null) {
 			clusterize.destroy();
 		}
+		
+		if (unlistenTransactionUpdated !== null) {
+			unlistenTransactionUpdated();
+		}
 	});
 </script>