src/lib/components/Toggle.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-  export let changeField;
-  export let onChangeFunc;
-  export let title: string;
-</script>
-
-<!-- <label class="inline-flex items-center cursor-pointer"> -->
-<div class="block">
-  <label class="inline-flex items-center cursor-pointer">
-    <input
-      type="checkbox"
-      class="sr-only peer"
-      checked={changeField}
-      onchange={onChangeFunc}
-    />
-    <div
-      class="relative w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-    ></div>
-    <span class="ms-3 text-sm font-bold text-gray-700 dark:text-gray-300">
-      {title}
-    </span>
-  </label>
-</div>

src/routes/expense/+page.svelte

@@ -143,16 +143,6 @@
     target.value = NumberToFPA(currentExpense.value);
   }
 
-  function getBalanceOfSelectedCardAfterExpense(): string {
-    if (currentExpense.card_id == 0 || currentExpense.value == 0) {
-      return "";
-    }
-    const selectedCard = cards.find(
-      (card) => card.id == currentExpense.card_id,
-    );
-    return `Value of ${selectedCard?.display_name} after expense = ${NumberToFPA(Number(selectedCard?.balance) - Number(currentExpense.value))}`;
-  }
-
   const constructedTime = $derived(`${mutateDate}T${selectedTime}Z`);
   const currentExpense = $derived(editingExpense ?? newExpense);
   const selectedType = $derived(
@@ -241,7 +231,6 @@
           />
         </label>
       </div>
-      <span>{getBalanceOfSelectedCardAfterExpense()}</span>
 
       <div class="flex space-x-2">
         <button