From 3e6057e6247f4bcc787bba2240e73681d431e791 Mon Sep 17 00:00:00 2001
From: Joshua Seigler <joshua.seigler@xpo.com>
Date: Tue, 13 Sep 2016 10:04:22 -0400
Subject: [PATCH] feat: limit visualization to 100 elements

---
 app.js    | 9 +++++++++
 style.css | 1 +
 2 files changed, 10 insertions(+)

diff --git a/app.js b/app.js
index 4af95af..94b6caa 100644
--- a/app.js
+++ b/app.js
@@ -11,6 +11,7 @@
     'tx': null,
     'block': null
   };
+  var domRefList = [];
   window.addEventListener('load', init, false);
 
   function init() {
@@ -122,6 +123,10 @@
       txOut.title = (value[Object.keys(value)[0]] * 0.00000001);
       txOutputs.appendChild(txOut);
     });
+    if (domRefList.unshift(tx) > 100) {
+      var toDelete = domRefList.pop();
+      toDelete.remove();
+    }
     transactionList.insertBefore(tx, transactionList.firstChild);
   };
 
@@ -134,6 +139,10 @@
     newBlock.target = '_blank';
     newBlock.setAttribute('rel', 'noopener');
     newBlock.appendChild(document.createTextNode(data));
+    if (domRefList.unshift(newBlock) > 100) {
+      var toDelete = domRefList.pop();
+      toDelete.remove();
+    }
     transactionList.insertBefore(newBlock, transactionList.firstChild);
   };
 
diff --git a/style.css b/style.css
index b5dc901..f239c3e 100644
--- a/style.css
+++ b/style.css
@@ -12,6 +12,7 @@ body {
   background-color: hsl(208, 73%, 43%);
   color: white;
   min-height: 100vh;
+  overflow: hidden;
 }
 * {
   box-sizing: inherit;