From 2dd967f5a442d8d971fcbd81482d5f0d34d0a4b8 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Sun, 27 Apr 2025 10:30:19 +1000
Subject: [PATCH] Auto refresh transaction list when transaction edited

---
 src/components/TransactionEditor.vue |  2 ++
 src/pages/TransactionsView.vue       | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/TransactionEditor.vue b/src/components/TransactionEditor.vue
index 7a873ca..854ffcf 100644
--- a/src/components/TransactionEditor.vue
+++ b/src/components/TransactionEditor.vue
@@ -104,6 +104,7 @@
 	
 	import { PlusIcon, XCircleIcon } from '@heroicons/vue/24/solid';
 	
+	import { emit } from '@tauri-apps/api/event';
 	import { getCurrentWindow } from '@tauri-apps/api/window';
 	
 	import { ref } from 'vue';
@@ -271,6 +272,7 @@
 		
 		await dbTransaction.commit();
 		
+		await emit('transaction-updated', {id: newTransaction.id});
 		await getCurrentWindow().close();
 	}
 	
diff --git a/src/pages/TransactionsView.vue b/src/pages/TransactionsView.vue
index 52b4a3d..bfb2c50 100644
--- a/src/pages/TransactionsView.vue
+++ b/src/pages/TransactionsView.vue
@@ -1,6 +1,6 @@
 <!--
 	DrCr: Web-based double-entry bookkeeping framework
-	Copyright (C) 2022–2024  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
@@ -40,7 +40,9 @@
 <script setup lang="ts">
 	import { PlusIcon } from '@heroicons/vue/24/outline';
 	
-	import { ref } from 'vue';
+	import { UnlistenFn, listen } from '@tauri-apps/api/event';
+	
+	import { onUnmounted, ref } from 'vue';
 	import { useRoute } from 'vue-router';
 	
 	import { Transaction, db } from '../db.ts';
@@ -74,4 +76,16 @@
 		transactions.value = filteredTxnsWithIndexes.map(([t, _idx]) => t);
 	}
 	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 (unlistenTransactionUpdated !== null) {
+			unlistenTransactionUpdated();
+		}
+	});
 </script>