Don't hide invoices

res/static/style/layout.css

@@ -601,8 +601,9 @@ input[type="date"] {
 	border: none;
 	border-radius: 6px;
 	background: var(--input_background);
-	/* box-shadow: inset 1px 1px 2px -1px var(--shadow_color); */
 	padding: 3px 5px;
+	/* override user-agent style */
+	min-width: 100px;
 	color: var(--input_text);
 	font-size: 1em;
 	outline: 0;

svelte/src/user_home/DepositCredit.svelte

@@ -31,7 +31,6 @@ const checkout = async (network) => {
 	}
 }
 
-let show_expired = false
 let invoices = []
 const load_invoices = async () => {
 	loading = true
@@ -94,7 +93,10 @@ onMount(() => {
 		</button>
 	</div>
 
-	<h3>Open invoices</h3>
+	<h2>Past invoices</h2>
+	<p>
+		Invoices are deleted after one year of inactivity.
+	</p>
 	<div class="table_scroll">
 		<table style="text-align: left;">
 			<thead>
@@ -107,11 +109,6 @@ onMount(() => {
 			</thead>
 			<tbody>
 				{#each invoices as row (row.id)}
-					{#if row.status === "New" ||
-						row.status === "InvoiceCreated" ||
-						row.status === "InvoiceProcessing" ||
-						show_expired
-					}
 					<tr>
 						<td>{formatDate(row.time, true, true, false)}</td>
 						<td><Euro amount={row.amount}></Euro></td>
@@ -136,19 +133,8 @@ onMount(() => {
 							{/if}
 						</td>
 					</tr>
-					{/if}
 				{/each}
 			</tbody>
 		</table>
-		<div style="text-align: center;">
-			<button on:click={() => {show_expired = !show_expired}}>
-				{#if show_expired}
-					Hide
-				{:else}
-					Show
-				{/if}
-				expired and settled invoices
-			</button>
-		</div>
 	</div>
 </section>