From 13ac69bd50ca7c980dc41ac55c926ecfe2786ce8 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Mon, 13 Oct 2025 01:18:21 +0300
Subject: [PATCH] Remove play icon from chapter drag handle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updated the CustomChaptersOverlay component to always display the chapter index in the drag handle, removing the conditional play icon ('▶') for the active chapter. This simplifies the UI and ensures consistent labeling of chapter handles.
---
 .../src/components/controls/CustomChaptersOverlay.js       | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/frontend-tools/video-js/src/components/controls/CustomChaptersOverlay.js b/frontend-tools/video-js/src/components/controls/CustomChaptersOverlay.js
index 31aad2df..0e2236fc 100644
--- a/frontend-tools/video-js/src/components/controls/CustomChaptersOverlay.js
+++ b/frontend-tools/video-js/src/components/controls/CustomChaptersOverlay.js
@@ -211,7 +211,7 @@ class CustomChaptersOverlay extends Component {
 
             const drag = document.createElement('div');
             drag.className = 'playlist-drag-handle';
-            drag.textContent = index === 0 ? '▶' : String(index + 1);
+            drag.textContent = String(index + 1);
 
             const meta = document.createElement('div');
             meta.className = 'thumbnail-meta';
@@ -411,12 +411,10 @@ class CustomChaptersOverlay extends Component {
             if (isPlaying) {
                 currentChapterIndex = index;
                 item.classList.add('selected');
-                if (handle) handle.textContent = '▶';
                 if (dynamic)
                     dynamic.textContent = dynamic.getAttribute('data-time-range') || this.getChapterTimeRange(chapter);
             } else {
                 item.classList.remove('selected');
-                if (handle) handle.textContent = String(index + 1);
                 if (dynamic)
                     dynamic.textContent = dynamic.getAttribute('data-time-range') || this.getChapterTimeRange(chapter);
             }
@@ -431,15 +429,12 @@ class CustomChaptersOverlay extends Component {
     updateActiveItem(activeIndex) {
         const items = this.chaptersList.querySelectorAll('.playlist-items');
         items.forEach((el, idx) => {
-            const handle = el.querySelector('.playlist-drag-handle');
             const dynamic = el.querySelector('.meta-dynamic');
             if (idx === activeIndex) {
                 el.classList.add('selected');
-                if (handle) handle.textContent = '▶';
                 if (dynamic) dynamic.textContent = dynamic.getAttribute('data-duration') || '';
             } else {
                 el.classList.remove('selected');
-                if (handle) handle.textContent = String(idx + 1);
                 if (dynamic) {
                     const timeRange = dynamic.getAttribute('data-time-range');
                     if (timeRange) {