From f3fac51a9d5511b346531ab86785b5747ea80b80 Mon Sep 17 00:00:00 2001
From: dewanakl <dewanakretarta29@gmail.com>
Date: Sat, 28 Dec 2024 22:26:35 +0700
Subject: [PATCH] fix: html best practice

---
 js/card.js | 8 +++-----
 js/like.js | 4 ++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/js/card.js b/js/card.js
index 1873d37..3af7427 100644
--- a/js/card.js
+++ b/js/card.js
@@ -58,11 +58,9 @@ export const card = (() => {
 
     const renderLike = (comment) => {
         return `
-        <button style="font-size: 0.8rem;" onclick="like.like(this)" data-uuid="${comment.uuid}" class="btn btn-sm btn-outline-${theme.isDarkMode('light', 'dark')} ms-auto rounded-3 p-0" data-offline-disabled>
-            <div class="d-flex justify-content-start align-items-center">
-                <p class="my-0 mx-1" data-count-like="${comment.like.love}">${comment.like.love}</p>
-                <i class="me-1 ${likes.has(comment.uuid) ? 'fa-solid fa-heart text-danger' : 'fa-regular fa-heart'}"></i>
-            </div>
+        <button style="font-size: 0.8rem;" onclick="like.like(this)" data-uuid="${comment.uuid}" class="btn btn-sm btn-outline-${theme.isDarkMode('light', 'dark')} ms-auto rounded-3 p-0 d-flex justify-content-start align-items-center" data-offline-disabled>
+            <span class="my-0 mx-1" data-count-like="${comment.like.love}">${comment.like.love}</span>
+            <i class="me-1 ${likes.has(comment.uuid) ? 'fa-solid fa-heart text-danger' : 'fa-regular fa-heart'}"></i>
         </button>`;
     };
 
diff --git a/js/like.js b/js/like.js
index f985d22..d225e1f 100644
--- a/js/like.js
+++ b/js/like.js
@@ -20,8 +20,8 @@ export const like = (() => {
     const like = async (button) => {
         const id = button.getAttribute('data-uuid');
 
-        const heart = button.firstElementChild.lastElementChild;
-        const info = button.firstElementChild.firstElementChild;
+        const info = button.firstElementChild;
+        const heart = button.lastElementChild;
 
         button.disabled = true;