Add Comments /

Final tidy ups
Ali-Sdg90 · Mar 25, 2024 · fa17804 · fa17804
1 parent 0ec0325
commit fa17804
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 5 deletions.
diff --git a/JS/categorySection.js.map b/JS/categorySection.js.map
diff --git a/JS/initialAddCards.js.map b/JS/initialAddCards.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/categorySection.ts b/TS/categorySection.ts
@@ -6,6 +6,7 @@ catBtnsArray.map((catBtn) => {
     catBtn.addEventListener("click", () => {
         console.log("=>", catBtn.textContent);
 
+        // Reset sotBtn arrows
         namePosition = sortBtnPositionHandler(2, 0);
         pricePosition = sortBtnPositionHandler(2, 1);
         ratePosition = sortBtnPositionHandler(2, 2);
@@ -17,6 +18,7 @@ catBtnsArray.map((catBtn) => {
             return itemClass.category === catBtn.textContent?.toLowerCase();
         });
 
+        // Reset selected category btn
         if (!catBtn.classList.contains("selected-catbtn")) {
             catBtnsArray.map((catBtn) => {
                 catBtn.classList.remove("selected-catbtn");
@@ -31,6 +33,7 @@ catBtnsArray.map((catBtn) => {
 
         itemSection.innerHTML = "";
 
+        // Add categoryItem to HTML
         for (let categoryItem in categoryItems) {
             itemSection.innerHTML += categoryItems[categoryItem].createCard();
         }

diff --git a/TS/initialAddCards.ts b/TS/initialAddCards.ts
@@ -6,6 +6,7 @@ const addCards = async () => {
     itemSection.innerHTML = "";
 
     items.map((item, index) => {
+        // Add classes into itemClasses array
         itemClasses[index] = new Items(
             item.id,
             item.title,
@@ -16,6 +17,7 @@ const addCards = async () => {
             item.rating
         );
 
+        // Add Initial items to HTML
         itemSection.innerHTML += itemClasses[index].createCard();
     });
 

diff --git a/TS/sortSection.ts b/TS/sortSection.ts
@@ -1,3 +1,4 @@
+// Sort number[] or string[] function
 const sortFunc = (
     sortType: "name" | "price" | "rating",
     itemArray: (string | number | null)[]
@@ -22,7 +23,6 @@ const sortItemsFunc = (
     itemPosition: number
 ) => {
     const itemArray = categoryItems.map((card) => {
-        card.title;
         switch (sortType) {
             case "name":
                 return card.title;
@@ -39,6 +39,7 @@ const sortItemsFunc = (
 
     console.log(">>", itemPosition);
 
+    // Different type of sort items (decrease, increase, normal)
     switch (itemPosition) {
         case 1:
             sortedCardsItem = sortFunc(sortType, itemArray);
@@ -80,6 +81,7 @@ const sortItemsFunc = (
     );
 };
 
+// Set different sort indicators for sort btns
 const sortBtnPositionHandler = (
     itemPosition: number,
     sortArrowIndex: number
@@ -120,6 +122,7 @@ sortBtnsArray.map((sortBtn, index) => {
             case 0:
                 console.log("=> Name");
 
+                // Reset other sort-btn-positions
                 namePosition = sortBtnPositionHandler(namePosition, 0);
                 pricePosition = sortBtnPositionHandler(2, 1);
                 ratePosition = sortBtnPositionHandler(2, 2);