Get rid of Google Fonts since it includes trackers. Start building transaction histor...

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index d0fdec440445c4d4cefda5c8c8d0c733d5886351..b12699670275b70b11374dbdc9b2b8a629898e99 100644 (file)
--- 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>