Fix Update On Elapsed on listpage

js/listFunctions.js

@@ -359,12 +359,12 @@ export const addSortEventListeners = () => {
     addClickListenersWithoutDuplicates(sortOpts, sortOptionsEventHandler)
 }
 
-export async function displayCountdowns() {
-    let arrayOfCountdowns = await fetchArrayOfCountdowns();
+export  function displayCountdowns() {
+    let arrayOfCountdowns =  fetchArrayOfCountdowns();
 
     if (arrayOfCountdowns && arrayOfCountdowns.length) {
 
-        let listItems = await populateList(arrayOfCountdowns)
+        let listItems =  populateList(arrayOfCountdowns)
 
         setInnerHtmlForNotNull(countdownList, listItems)
         setInnerHtmlForNotNull(countdownTextDisplay, '')
@@ -543,15 +543,18 @@ export function updateCountdownItemFromForm(){
  * display countdowns and start updating display for countdowns in progress
  */
  export function displayAndStartcount() {
-    displayCountdowns().then(() => {
-        if (getCountItemExists()) {
-            let interval = setInterval(() => getCountItemExists() ? updateCountdownItems() : clearInterval(interval), 1000)
-        }
-    }).catch((err) => {
-        console.log(err);
-        errorHandler('Unable to display your countdowns');
-    });
-}
+    try{
+
+        displayCountdowns()
+            if (getCountItemExists()) {
+                let interval = setInterval(() => getCountItemExists() ? updateCountdownItems() : clearInterval(interval), 1000)
+            }
+        }catch(err) {
+            console.log(err);
+            errorHandler('Unable to display your countdowns');
+        };
+    }
+
 
 /**
  * update countdown status for non elapsed countdowns
@@ -580,7 +583,10 @@ export function updateCountdownItemFromForm(){
             } else {
                 console.log('elapsing', arrayOfCountdowns.find((countdown) => countdown.dateModified == element.getAttribute('data-id')));
                 element.classList.remove('countdown-counting')
-                setInnerHtmlForNotNull(element, 'Elapsed')
+                setInnerHtmlForNotNull(element, 'Elapsed');
+                //update bottom part of countdown
+                displayAndStartcount();
+
             }
 
         });