Add filler image/text when no receipts to show

www/pages/receipts.html

@@ -20,6 +20,7 @@
 
     <div class="page-content noselect">
         <div class="row justify-content-center">
+            {{#if receipts}}
             <div class="col-100 medium-60 large-50 xlarge-40 elevation-tablet margin-top-tablet">
                 <div class="list transparent media-list no-hairlines no-margin-top no-margin-bottom tablet-inset">
                     <ul>
@@ -38,23 +39,30 @@
                     </ul>
                 </div>
             </div>
+            {{else}}
+            <div class="col-100 medium-60 large-50 xlarge-40">
+                <div class="block text-align-center">
+                    <img src="assets/images/receipt.svg" class="margin" style="max-height: 40vh; max-width: 90%; height: 50rem;" />
+                    <p class="margin padding">You don't have any receipts linked to your account.  Use our services to get some!</p>
+                </div>
+            </div>
+            {{/if}}
         </div>
-    </div>
 
-    <div class="popup" id="receiptViewerPopup" style="overflow: hidden;">
-        <div class="navbar">
-            <div class="navbar-bg"></div>
-            <div class="navbar-inner">
-                <div class="left">
-                    <a class="link popup-close" href="#">
-                        <i class="icon icon-back"></i>
-                        <span class="if-not-md">Close</span>
-                    </a>
+        <div class="popup" id="receiptViewerPopup" style="overflow: hidden;">
+            <div class="navbar">
+                <div class="navbar-bg"></div>
+                <div class="navbar-inner">
+                    <div class="left">
+                        <a class="link popup-close" href="#">
+                            <i class="icon icon-back"></i>
+                            <span class="if-not-md">Close</span>
+                        </a>
+                    </div>
+                    <div class="title">Receipt</div>
                 </div>
-                <div class="title">Receipt</div>
             </div>
+            <iframe id="receiptvieweriframe"></iframe>
         </div>
-        <iframe id="receiptvieweriframe"></iframe>
-    </div>
 
-</div>
+    </div>