Working live tweets and filtering tweets

dashboard_static/js/events.js

@@ -8,6 +8,10 @@ $(".sport").on("selected", function(e, selected, sports) {
 
 window.addEventListener('DOMContentLoaded', (event) => {
     window.sessionStorage.setItem('tweets', JSON.stringify([]));
+    // run code every 5 seconds
+    setInterval(function() {
+        $(window).trigger("filter");
+    }, 1000);
 });
 
 $(".sport").on("click", function() {
@@ -66,19 +70,26 @@ $(".logo").on("click", function() {
 })
 
 $(window).on("filter", function() {
+    console.log("called")
     var parent = document.querySelector("#filtered")
     parent.replaceChildren();
 
-    console.debug(filters);
+    console.log(filters);
 
     tweets = window.sessionStorage.getItem('tweets');
     tweets = JSON.parse(tweets);
+    console.log(tweets.length)
     tweets = filterTweets(tweets, filters.blockedWords, filters.searchedWords.concat(filters.sports), filters.sorted, filters.order);
     tweets = sortTweets(tweets);
-    for (i = 0; i < Math.min(tweets.length, 20); i++){
-            parent.append(tweetCell(tweets[i]));
+    var displayTweets = tweets.reverse().slice(0, 20).reverse();
+    for (i = 0; i < 19; i++){
+        console.log("FDS")
+        parent.prepend(tweetCell(displayTweets[i]));
+        console.log("FDS 2")
     }
 })
+
+
 $(".order-btn").on("click", function() {
     if($(this).html() == "arrow_downward") {    // Descending to ascending
         $(this).html("arrow_upward")