Fix sorting duplication bug Part1

Ali-Sdg90 · Apr 12, 2024 · 9ccdab8 · 9ccdab8
1 parent ce17be1
commit 9ccdab8
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 9 deletions.
diff --git a/JS/interfaceClass.js b/JS/interfaceClass.js
diff --git a/JS/interfaceClass.js.map b/JS/interfaceClass.js.map
diff --git a/JS/sortSection.js b/JS/sortSection.js
diff --git a/JS/sortSection.js.map b/JS/sortSection.js.map
diff --git a/TS/interfaceClass.ts b/TS/interfaceClass.ts
@@ -32,7 +32,7 @@ class Items implements Iitem {
             <div class="item-box">
                 <img class="item-image" src="${this.image}" alt="item-image" />
 
-                <div class="item-title" title=${this.title}>${this.title}</div>
+                <div class="item-title" title="${this.title}">${this.title}</div>
 
                 <div class="item-info">
                     <div class="item-price">${this.price} $</div>

diff --git a/TS/sortSection.ts b/TS/sortSection.ts
@@ -68,11 +68,31 @@ const sortItemsFunc = (
             }
         });
     });
-    // console.log("sortedItems >>", sortedItems);
+    console.log("sortedItems >>", sortedItems);
 
-    const sortedItemOutputs = sortedItems.map((sortedCard) =>
-        sortedCard[0].createCard()
-    );
+    const addedIDs: number[] = [];
+
+    const sortedItemOutputs = sortedItems.map((sortedCards) => {
+        let uniqueCard = sortedCards[0];
+
+        console.log("Before", addedIDs);
+
+        sortedCards.map((sortedCard) => {
+            if (!addedIDs.includes(sortedCard.id)) {
+                addedIDs.push(sortedCard.id);
+
+                console.log("After", addedIDs);
+
+                uniqueCard = sortedCard;
+                return;
+            }
+        });
+
+        console.log("uniqueCard >>", uniqueCard);
+
+        return uniqueCard.createCard();
+        // return uniqueCard;
+    });
     // console.log("sortedItemOutputs >>", sortedItemOutputs);
 
     itemSection.innerHTML = "";