From d2f41f391014ea56a6602cf57cd71cd5a33d1ad9 Mon Sep 17 00:00:00 2001
From: MakD <mainak999@gmail.com>
Date: Fri, 28 Aug 2026 16:01:43 +0530
Subject: [PATCH] Refactor play button creation to improve structure and
 maintainability

---
 slideshowpure.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/slideshowpure.js b/slideshowpure.js
index 0cce7d2..da71a68 100644
--- a/slideshowpure.js
+++ b/slideshowpure.js
@@ -2681,12 +2681,9 @@ const SlideCreator = {
   },
 
   createPlayButton(itemId) {
-    const playText = LocalizationUtils.getLocalizedString("Play", "Play");
-    return SlideUtils.createElement("button", {
+
+    const button = SlideUtils.createElement("button", {
       className: "detailButton btnPlay play-button",
-      innerHTML: `
-      <span class="play-text">${playText}</span>
-    `,
       tabIndex: "0",
       onclick: (e) => {
         e.preventDefault();
@@ -2694,6 +2691,16 @@ const SlideCreator = {
         ApiUtils.playItem(itemId);
       },
     });
+
+    button.appendChild(
+      SlideUtils.createElement(
+        "span",
+        { className: "play-text" },
+        LocalizationUtils.getLocalizedString("Play", "Play"),
+      ),
+    );
+
+    return button;
   },
 
   createDetailButton(itemId) {