From 8d0e5ffc1a8d59a8bfb7f165e6a98173e4d8c494 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sophie-Ga=C3=ABlle=20CALLOCH?=
 <sophie-gaelle.calloch@siteflow.com>
Date: Fri, 5 Jun 2026 16:41:08 +0200
Subject: [PATCH] cleanup

---
 src/rules/LedgerRefSelect.vue | 26 ++++++++++++++++++++++++++
 src/rules/RuleClauseInput.vue | 19 ++++---------------
 2 files changed, 30 insertions(+), 15 deletions(-)
 create mode 100644 src/rules/LedgerRefSelect.vue

diff --git a/src/rules/LedgerRefSelect.vue b/src/rules/LedgerRefSelect.vue
new file mode 100644
index 0000000..918d9f9
--- /dev/null
+++ b/src/rules/LedgerRefSelect.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+
+import {systemLedger, systemLedgerRef} from "@/ledger";
+
+interface Props {
+  ledgerRefs: string[];
+}
+
+defineProps<Props>()
+
+const ledgerRef = defineModel<string>();
+</script>
+
+<template>
+  <select v-model="ledgerRef" :class="{'system-ledger': ledgerRef === systemLedgerRef}">
+    <option v-for="l in ledgerRefs" :key="l" :value="l" :class="{'system-ledger': l === systemLedgerRef}">{{ l === systemLedgerRef ? systemLedger.name : l }}</option>
+  </select>
+</template>
+
+<style scoped>
+@reference "@/style.css";
+
+.system-ledger {
+  @apply text-emerald-400;
+}
+</style>
diff --git a/src/rules/RuleClauseInput.vue b/src/rules/RuleClauseInput.vue
index f89e85c..e367d96 100644
--- a/src/rules/RuleClauseInput.vue
+++ b/src/rules/RuleClauseInput.vue
@@ -4,6 +4,7 @@ import {RuleClauseResponse} from "@/generated/mammon";
 import {computed, watch} from "vue";
 import {systemLedgerRef} from "@/ledger";
 import {ratesTypes} from "@/rules/rules.ts";
+import LedgerRefSelect from "./LedgerRefSelect.vue";
 
 interface Props {
   ledgerRefs: string[];
@@ -35,23 +36,11 @@ watch(ledgerRefsWithSystem, (newVal, oldVal) => {
 
 <template>
   From:
-  <select class="me-2 grow" v-model="rule.fromLedgerRef" :class="{'system-ledger': rule.fromLedgerRef === systemLedgerRef}">
-    <option v-for="l in ledgerRefsWithSystem" :key="l" :value="l" :class="{'system-ledger': l === systemLedgerRef}">{{ l }}</option>
-  </select>
+  <LedgerRefSelect class="me-2 grow" v-model="rule.fromLedgerRef" :ledger-refs="ledgerRefsWithSystem"/>
   To:
-  <select class="me-2 grow" v-model="rule.toLedgerRef" :class="{'system-ledger': rule.toLedgerRef === systemLedgerRef}">
-    <option v-for="l in ledgerRefsWithSystem" :key="l" :value="l" :class="{'system-ledger': l === systemLedgerRef}">{{ l }}</option>
-  </select>
+  <LedgerRefSelect class="me-2 grow" v-model="rule.toLedgerRef" :ledger-refs="ledgerRefsWithSystem"/>
   At:
   <select class="me-2 grow" v-model="rule.rate">
     <option v-for="rateType in ratesTypes" :key="rateType.key" :value="rateType.key">{{ rateType.name }}</option>
   </select>
-</template>
-
-<style scoped>
-@reference "@/style.css";
-
-.system-ledger {
-  @apply text-emerald-400;
-}
-</style>
\ No newline at end of file
+</template>
\ No newline at end of file