From 8074d2d0e3ea0706c4f5b6c2e337e0cecc611f79 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Fri, 10 Jul 2020 13:01:06 +0200
Subject: [PATCH] Hide empty sections in budget

---
 app/templates/budget.hbs | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/app/templates/budget.hbs b/app/templates/budget.hbs
index 80dd73d..20d4546 100644
--- a/app/templates/budget.hbs
+++ b/app/templates/budget.hbs
@@ -48,23 +48,27 @@
   </div>
 
   <div id="content">
-    <section id="expenses-unconfirmed">
-      <header>
-        <h2>Proposed Reimbursements</h2>
-      </header>
-      <div class="content">
-        <ReimbursementList @items={{this.reimbursementsUnconfirmed}} />
-      </div>
-    </section>
+    {{#if this.reimbursementsUnconfirmed}}
+      <section id="expenses-unconfirmed">
+        <header>
+          <h2>Proposed Reimbursements</h2>
+        </header>
+        <div class="content">
+          <ReimbursementList @items={{this.reimbursementsUnconfirmed}} />
+        </div>
+      </section>
+    {{/if}}
 
-    <section id="expenses-confirmed">
-      <header>
-        <h2>Confirmed Expenses</h2>
-      </header>
-      <div class="content">
-        <ReimbursementList @items={{this.reimbursementsConfirmed}} />
-      </div>
-    </section>
+    {{#if this.reimbursementsConfirmed}}
+      <section id="expenses-confirmed">
+        <header>
+          <h2>Confirmed Expenses</h2>
+        </header>
+        <div class="content">
+          <ReimbursementList @items={{this.reimbursementsConfirmed}} />
+        </div>
+      </section>
+    {{/if}}
   </div>
 
   <div id="empty">