Displays 'such empty' if no task exists

frontend/index.js

@@ -70,6 +70,7 @@ async function populateScreen() {
     // if it is a user make the tasks add points
     // or if admin make it do nothing
     if (sessionStorage.getItem("role") === "user") {
+        try {
             for (let i = 0; i < tasks.length; i++) {
                 taskPage.innerHTML += `
             <div id="${tasks[i].tid}" class="half" style="height: fit-content">
@@ -79,7 +80,11 @@ async function populateScreen() {
                 </div>
             </div>`
             }
+        } catch (e) {
+            taskPage.innerHTML +=`<sub>such empty</sub>`
+        }
     } else if (sessionStorage.getItem("role") === "admin") {
+        try {
             for (let i = 0; i < tasks.length; i++) {
                 taskPage.innerHTML += `
             <div id="${tasks[i].tid}" class="half" style="height: fit-content">
@@ -89,6 +94,9 @@ async function populateScreen() {
                 </div>
             </div>`
             }
+        } catch (e) {
+            taskPage.innerHTML +=`<sub>such empty</sub>`
+        }
     }
 
     try {