Just a little code optimitation

Author: Mirror-Image

assets/js/buttons-component.js

@@ -60,9 +60,13 @@ export default class ButtonsComponent extends ListComponent{
         let idNumber = button.parentElement.parentElement.id;
         button.addEventListener('click', async () => {
           store.dispatch('removeItem', {id});
-          await request.deleteItemRequest(idNumber);
-          this.onInitList();
-          this.onInitButtons();
+          request.deleteItemRequest(idNumber)
+            .then(response => response)
+            .catch(err => console.log(err))
+            .finally(() => {
+              this.onInitList();
+              // this.onInitButtons();
+            });
         })
       });
 

assets/js/item-component.js

@@ -154,8 +154,6 @@ export default class ItemComponent extends ButtonsComponent {
         }
       });
 
-
-
     /*
       Добавляем событие на элемент списка, которое открывает редактор элемента
       (делегирование)

assets/js/list-component.js

@@ -30,8 +30,9 @@ export default class ListComponent extends FormComponent {
       this.anchorList.innerHTML = `
         <ul>
           <li class="content__main-results-list-item list--clear">
-          <p class="content__main-results-list-item-text content--clear">
-          No todos. You are free for today!</p>
+            <p class="content__main-results-list-item-text content--clear">
+              No todos. You are free for today!
+            </p>
           </li>
         </ul>
       `;
@@ -42,17 +43,16 @@ export default class ListComponent extends FormComponent {
       `;
     } else {
       this.anchorList.innerHTML = `
-      <ul>
-        ${store.props.map(todoItem => `
-          <li class="content__main-results-list-item" id="${todoItem._id}" 
-            executionStatus="${todoItem.completed}" markedDone="${todoItem.completed}">
-            <p class="content__main-results-list-item-text">${todoItem.text}</p>
-            <div class="content__main-results-list-item-buttons"></div>
-          </li>
-        `).join('')}
-      </ul>
-    `;
-      this.render();
+        <ul>
+          ${store.props.map(todoItem => `
+            <li class="content__main-results-list-item" id="${todoItem._id}" 
+              executionStatus="${todoItem.completed}" markedDone="${todoItem.completed}">
+              <p class="content__main-results-list-item-text">${todoItem.text}</p>
+              <div class="content__main-results-list-item-buttons"></div>
+            </li>
+          `).join('')}
+        </ul>
+      `;
     }
     console.log( 'ListComponent rendered' );
   }

assets/js/network-request.js

@@ -110,8 +110,8 @@ export default class NetworkRequest {
     return res;
   }
 
-  deleteItemRequest(id) {
-    fetch(`${new URL(`todos/${id}`, this.serverURL)}`, {
+  async deleteItemRequest(id) {
+    await fetch(`${new URL(`todos/${id}`, this.serverURL)}`, {
       method: 'DELETE',
       headers: {
         'Content-Type': 'application/json',