Merged from main

dashboard_static/js/code.js

@@ -32,6 +32,8 @@ function tweetCell(tweet) {
             <div class="tweet-name">
                 <a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
                 <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
+                <!-- add tweet date called created_at-->
+                <p class="tweet-date">${tweet.created_at}</p>
             </div>
             <span class="tweet-text">${tweet.text}</span>
             <div class="tweet-interactions">
@@ -54,7 +56,6 @@ function tweetCell(tweet) {
 }
 
 function filterTweets(tweets, bannedWords=[], searchWords=[], sorted, order) {
-    console.log(searchWords)
     if(bannedWords.length > 0){
         tweets = filterBannedWords(bannedWords, 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,20 +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, [filters.sorted, filters.order]);
-    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")