From 8fdf99d195294c6a6d2350e33e2a6debf64cc859 Mon Sep 17 00:00:00 2001
From: Parwat Kunwar <parwatkunwar08@gmail.com>
Date: Tue, 4 Jul 2023 02:11:34 -0400
Subject: [PATCH] Fix no card drop issue when the list is empty

---
 pages/js/dashboard.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/pages/js/dashboard.js b/pages/js/dashboard.js
index 0ee10df..a12aa23 100644
--- a/pages/js/dashboard.js
+++ b/pages/js/dashboard.js
@@ -16,11 +16,11 @@ export function loadTask(searchTerm) {
   if (searchTerm) {
     taskList = filterFromData(taskList, searchTerm);
     document.querySelectorAll(".card").forEach(el => {
-      el.remove()
+      el.remove();
     });
   } else {
     document.querySelectorAll(".card").forEach(el => {
-      el.remove()
+      el.remove();
     });
   }
 
@@ -32,9 +32,7 @@ export function loadTask(searchTerm) {
   let cardType = ['cardToDo', 'cardInProgress', 'cardInReview', 'cardInDone'];
 
   [inToDoTask, inProgressTask, inReviewTask, inDoneTask].forEach((taskArr, idx) => {
-    if (taskArr?.length) {
-      appendToList(taskArr, cardType[idx], listType[idx]);
-    }
+    appendToList(taskArr, cardType[idx], listType[idx]);
   });
 }
 
@@ -43,9 +41,9 @@ function appendToList(data, cardContainerType, listType) {
   cardContainer.ondrop = (event) => dropTo(event, cardContainerType);
   cardContainer.ondragover = (event) => event.preventDefault();
 
-  document.getElementById(`total${cardContainerType}`).innerText = data?.length;
+  document.getElementById(`total${cardContainerType}`).innerText = data?.length || 0;
 
-  data.forEach(item => {
+  data?.forEach(item => {
     const card = document.createElement('div');
     card.className = 'card';
     card.id = item.id;