fix things

src/ledger/EditLedgerModal.vue

@@ -25,7 +25,7 @@ const name = ref("");
 const members = ref<Ledger[]>([]);
 const selectedLedger = ref<Ledger>();
 const availableLedgers = computed(() => ledgers.value
-    .filter((ledger) => selectedLedger.value === ledger)
+    .filter(l => l.ledgerId !== props.ledgerId)
     .filter(l => !members.value.includes(l)));
 
 

src/pages/ledger/ListLedgerTransactions.vue

@@ -26,7 +26,7 @@ const { sortedArray, headerProps } = useSort(() => transactions.value.map(transa
     balance: getIskBalance(transaction),
     transfers: transaction.transfers
   }
-}));
+}), { defaultSortKey: 'date', defaultSortDirection: 'desc' });
 
 const getIskBalance = (transaction: TransactionResponse) => {
   if (!ledgerId.value) {

src/pages/rules/EditCharacterRuleBook.vue

@@ -25,6 +25,7 @@ const ledgersToUse = computed(() => [systemLedger, ...ledgers.value.filter(isMai
 const character = ref<Character>();
 const ruleBook = ref<RuleBook>();
 const bindings = ref<Bindings>({});
+const ledgerRefs = computed<string[]>(() => ruleBook.value?.ledgerRefs ?? [])
 
 watchEffect(async () => {
   const characterId = character.value?.characterId;
@@ -85,7 +86,7 @@ watch(useRoute(), async route => {
     <div class="flex-col border-b-1">
       Ledger Bindings:
       <div class="flex flex-wrap items-center mb-2 mt-2">
-        <div class="me-2" v-for="ref in ruleBook.ledgerRefs" :ref="ref">
+        <div class="me-2" v-for="ref in ledgerRefs" :ref="ref">
           <span class="me-1">{{ref}}:</span>
           <LedgerSelect :ledgers="ledgersToUse" :modelValue="bindings[ref] ?? systemLedger" @update:modelValue="value => bindings[ref] = value" />
         </div>

src/pages/rules/EditRuleBook.vue

@@ -82,10 +82,10 @@ watch(useRoute(), async route => {
         <div class="flex flex-wrap items-center">
           <div class="flex items-center mb-2" v-for="(ledgerRef, index) in ledgerRefs" :key="index">
             <input class="me-1" type="text" :value="ledgerRefs[index]" @input="updateLedgerRef(index, ($event.target as HTMLInputElement).value)" />
-            <button class="btn-icon me-2" @click="addLedgerRef"><TrashIcon /></button>
+            <button class="btn-icon me-2" @click="removeLedgerRef(index)"><TrashIcon /></button>
           </div>
           <div class="flex items-center mb-2">
-            <button class="btn-icon" @click="removeLedgerRef(index)"><PlusIcon /></button>
+            <button class="btn-icon" @click="addLedgerRef"><PlusIcon /></button>
           </div>
         </div>
       </div>