Remove expense item from list

app/components/add-reimbursement/component.js

@@ -36,6 +36,15 @@ export default class AddReimbursementComponent extends Component {
     this.expenseFormVisible = false;
   }
 
+  @action
+  removeExpenseItem (expenseItem) {
+    this.expenses.removeObject(expenseItem);
+
+    if (this.expenses.length === 0) {
+      this.expenseFormVisible = true;
+    }
+  }
+
   @action
   submit (e) {
     e.preventDefault();

app/components/add-reimbursement/template.hbs

@@ -33,7 +33,7 @@
             {{fmt-fiat-currency expense.amount expense.currency}}
           </div>
           <div class="actions">
-            <button class="danger small">delete</button>
+            <button class="danger small" onclick={{fn this.removeExpenseItem expense}}>delete</button>
           </div>
         </li>
       {{/each}}