From de0cdc86baaf5f7595445950b8899eefdc10644f Mon Sep 17 00:00:00 2001
From: barredterra <14891507+barredterra@users.noreply.github.com>
Date: Mon, 18 Mar 2024 20:50:06 +0100
Subject: [PATCH] perf: get_like_html

---
 frappe/public/js/frappe/list/list_view.js | 28 +++++++++++++++--------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/frappe/public/js/frappe/list/list_view.js b/frappe/public/js/frappe/list/list_view.js
index c15fbce386..9eb2646637 100644
--- a/frappe/public/js/frappe/list/list_view.js
+++ b/frappe/public/js/frappe/list/list_view.js
@@ -1018,19 +1018,29 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
 		const title = liked_by.map((u) => frappe.user_info(u).fullname).join(", ");
 
 		const div = document.createElement("div");
-		div.innerHTML = `
-			<span class="like-action ${heart_class}">
-				${frappe.utils.icon("es-solid-heart", "sm", "like-icon")}
-			</span>
-			<span class="likes-count">${liked_by.length}</span>
-		`;
+		const like = document.createElement("span");
+		like.classList.add("like-action", heart_class);
+		const like_icon = document.createElement("svg");
+		like_icon.classList.add("es-icon", "es-solid", "icon-sm", "like-icon");
 
-		const like = div.querySelector(".like-action");
+		const use = document.createElement("use");
+		use.setAttribute("href", "#es-solid-heart");
+		use.classList.add("like-icon");
+		like_icon.appendChild(use);
+
+		like.appendChild(like_icon);
+		like.dataset.doctype = this.doctype;
+		like.dataset.name = doc.name;
 		like.setAttribute("data-liked-by", doc._liked_by || "[]");
-		like.setAttribute("data-doctype", this.doctype);
-		like.setAttribute("data-name", doc.name);
 		like.setAttribute("title", title);
 
+		const likes_count = document.createElement("span");
+		likes_count.classList.add("likes-count");
+		likes_count.textContent = liked_by.length;
+
+		div.appendChild(like);
+		div.appendChild(likes_count);
+
 		return div.innerHTML;
 	}