Improve editing and creating of transactions

web/src/components/TransactionEditRow.vue

@@ -8,6 +8,8 @@ const props = defineProps<{
     transactionid: string
 }>()
 
+const emit = defineEmits(["save"]);
+
 const accountStore = useAccountStore();
 const TX = accountStore.Transactions.get(props.transactionid)!;
 const payeeType = ref<string|undefined>(undefined);
@@ -28,6 +30,7 @@ const payload = computed(() => JSON.stringify({
 function saveTransaction(e: MouseEvent) {
     e.preventDefault();
     accountStore.editTransaction(TX.ID, payload.value);
+    emit('save');
 }
 </script>
 

web/src/components/TransactionRow.vue

@@ -44,7 +44,7 @@ const Reconciling = computed(() => useAccountStore().Reconciling);
             <input type="checkbox" v-model="transaction.Reconciled" />
         </td>
     </tr>
-    <TransactionEditRow v-if="edit" :transactionid="transaction.ID" />
+    <TransactionEditRow v-if="edit" :transactionid="transaction.ID" @save="edit = false" />
 </template>
 
 <style>