but make sure to check message is not already rendered, so there are no repeats

1 files changed, 7 insertions, 6 deletions

diff --git a/lib.js b/lib.js
index 8b9c5a8..97f8db3 100644
--- a/lib.js
+++ b/lib.js
@@ -108,7 +108,7 @@ function readFile () {
 // render messages
 
 function renderMessage (post) {
-  var messageDiv = h('messageDiv')
+  var messageDiv = h('messageDiv', {id: post.key})
   var message = h('div', {classList: 'message'})
 
   if  (post.content.type == 'name') {
@@ -141,11 +141,12 @@ function renderMessage (post) {
       if (log[i].content.reply == post.key) {
           var nextPost = log[i]
           console.log(nextPost)
-
-          messageDiv.appendChild(h('div', {classList: 'submessage'}, [
-            renderMessage(nextPost)
-          ]))
-
+          var messageExists = (document.getElementById(nextPost.key) !== null);
+          if (!messageExists) {
+            messageDiv.appendChild(h('div', {classList: 'submessage'}, [
+              renderMessage(nextPost)
+            ]))
+          }
         }
       }
     }, 10)