From 9a287c8c77f8beef055bfd0a05f9a59c7dfaa8bd Mon Sep 17 00:00:00 2001
From: Chris Duncan <chris@zoso.dev>
Date: Sat, 26 Oct 2024 12:59:13 -0700
Subject: [PATCH] Get rid of Google Fonts since it includes trackers. Start
 building transaction history iframe.

---
 app/pages/nemo-wallet.html | 47 ++++++++++++++++++++++++++------------
 1 file changed, 33 insertions(+), 14 deletions(-)

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index d0fdec4..b126996 100644
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -4,11 +4,6 @@
 	<meta charset="utf-8" />
 	<meta lang="en" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<link rel="preconnect" href="https://fonts.googleapis.com">
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-	<link rel="stylesheet"
-		href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap">
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
 	<script>
 		let libnemo, css
 
@@ -304,13 +299,20 @@
 				return
 			}
 			accountSelect.removeAttribute('disabled')
-			if (accountSelect.value === '_new') {
-				try {
-					return await document.getElementById('account-new').showModal()
-				} catch (err) {
-					accountSelect.value = ''
-					console.error(err)
-					notify.error(`Error creating account`)
+			switch (accountSelect.value) {
+				case '_new': {
+					try {
+						return await document.getElementById('account-new').showModal()
+					} catch (err) {
+						accountSelect.value = ''
+						console.error(err)
+						notify.error(`Error creating account`)
+						return
+					}
+				}
+				default: {
+					const historyIframe = document.getElementById('history-iframe')
+					historyIframe.src = `https://spynano.org/account/${account.address}`
 					return
 				}
 			}
@@ -453,8 +455,8 @@
 			--color-gray: #676686;
 			--color-black: #070707;
 			--color-white: #FFFFFF;
-			--text-body: 'Open Sans';
-			--text-heading: 'Montserrat';
+			--text-body: 'serif';
+			--text-heading: 'sans-serif';
 		}
 		body {
 			background-color: var(--color-dark);
@@ -462,8 +464,12 @@
 			fill: var(--color-blue);
 			font-family: var(--text-body);
 			font-size: 16px;  /* required to prevent zoom on input focus on mobile */
+			height: 100vh;
 			margin: 0;
 		}
+		main {
+			height: 100%;
+		}
 		h1, h2, h3, h4, h5, h6 {
 			font-family: var(--text-heading);
 		}
@@ -639,6 +645,7 @@
 		}
 		.page {
 			display: none;
+			height: 100%;
 		}
 		.page.show {
 			display: initial;
@@ -862,6 +869,17 @@
 
 		<div id="history" class="page">
 			<h1>History</h1>
+			<iframe src="" loading="lazy" style="height:100%;object-fit:fill;width:100%;"></iframe>
+			<!--
+			<details name="transaction">
+				<summary>Sent 1 to nano_12345...67890</summary>
+				<table></table>
+			</details>
+			<details name="transaction">
+				<summary>Received 1 from nano_12345...67890</summary>
+				<table></table>
+			</details>
+			-->
 		</div>
 
 		<!-- Transact Page (default) -->
@@ -885,6 +903,7 @@
 			<button id="clear-storage-button">
 				Clear Storage
 			</button>
+			<cite></cite>
 		</div>
 	</main>
 
-- 
2.34.1