From 5ff9c34404aa733f9ce963f791f9111db9ac07de Mon Sep 17 00:00:00 2001
From: Olivia Thet <olivia@turnkey.io>
Date: Thu, 7 Dec 2023 18:59:13 -0500
Subject: [PATCH 1/2] display mnemonics like keys

---
 export/index.html | 70 +----------------------------------------------
 1 file changed, 1 insertion(+), 69 deletions(-)
diff --git a/export/index.html b/export/index.html
index 0bdf833..f9a875c 100644
--- a/export/index.html
+++ b/export/index.html
@@ -427,74 +427,6 @@ <h2>Message log</h2>
         document.body.appendChild(keyDiv);
     }
 
-    /**
-     * Hide every HTML element in <body> except any <script> elements.
-     * Then append an element containing the wallet's mnemonic in a
-     * 3-column table where each row contains 3 words and their
-     * corresponding index.
-     * @param wallet
-     * 
-     * TODO: Append element for passphrase after import is released
-     */ 
-    const displayWallet = wallet => {
-      Array.from(document.body.children).forEach(child => {
-          if (child.tagName !== "SCRIPT") {
-            child.style.display = 'none';
-          }
-        });
-
-        const words = wallet.mnemonic.split(" ");
-
-        const numberCellStyle = {
-          backgroundColor: "#f9fbff",
-          border: "1px solid #ebedf2",
-          padding: "10px",
-          width: "20px",
-          color: "#6c727e",
-          height: "20px",
-        };
-
-        const wordCellStyle = {
-          border: "1px solid #ebedf2",
-          padding: "10px",
-          height: "20px",
-        }
-
-        const table = document.createElement("table");
-        const tbody = document.createElement("tbody");
-        tbody.id = "mnemonic-tbody";
-        table.id = "mnemonic-table";
-        table.appendChild(tbody);
-        table.style.borderCollapse = "collapse";
-        table.style.marginLeft = "auto";
-        table.style.marginRight = "auto";
-
-        for (let i = 0; i < words.length; i += 3) {
-          let row = document.createElement("tr");
-          for (let j = 0; j < 3; j++) {
-            if (i + j < words.length) {
-              let cellIndex = document.createElement("td");
-              cellIndex.innerText = i + j + 1;
-              for (let styleKey in numberCellStyle) {
-                cellIndex.style[styleKey] = numberCellStyle[styleKey];
-              }
-              row.appendChild(cellIndex);
-
-              let cellWord = document.createElement("td");
-              cellWord.innerText = words[i + j];
-              for (let styleKey in wordCellStyle) {
-                cellWord.style[styleKey] = wordCellStyle[styleKey];
-              }
-              row.appendChild(cellWord);
-            }
-          }
-
-          tbody.appendChild(row);
-        }
-
-        document.body.appendChild(table);
-    }
-
     /**
      * Parse and decrypt the export bundle.
      * The `bundle` param is a JSON string of the encapsulated public
@@ -545,7 +477,7 @@ <h2>Message log</h2>
         const wallet = TKHQ.parseWallet(new Uint8Array(walletBytes));
 
         // Display only the wallet's mnemonic
-        displayWallet(wallet);
+        displayKey(wallet.mnemonic);
 
         // Send up BUNDLE_INJECTED message
         TKHQ.sendMessageUp("BUNDLE_INJECTED", true)

From e174e880f3f8076e62c94c333301a2586b8729fc Mon Sep 17 00:00:00 2001
From: Olivia Thet <olivia@turnkey.io>
Date: Mon, 11 Dec 2023 11:41:42 -0500
Subject: [PATCH 2/2] simplify styling by removing padding and border

---
 export/index.html | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/export/index.html b/export/index.html
index f9a875c..1a9d43a 100644
--- a/export/index.html
+++ b/export/index.html
@@ -405,16 +405,12 @@ <h2>Message log</h2>
         });
 
         const style = {
-          padding: "10px",
-          borderRadius: "8px",
-          borderWidth: "1px",
-          borderStyle: "solid",
-          borderColor: "rgba(216, 219, 227, 1)",
+          border: "none",
           color: "#555b64",
           fontWeight: "400",
           fontSize: ".875rem",
           lineHeight: "1.25rem",
-          fontFamily: "\"iA Writer Mono\", SFMono-Regular, Menlo, Consolas, monospace;",
+          fontFamily: "\"iA Writer Mono\", SFMono-Regular, Menlo, Consolas, monospace",
         };
 
         // Create a new div with the key material and append the new div to the body
