diff --git a/renderer.js b/renderer.js index 72a5ff0..1281f3a 100644 --- a/renderer.js +++ b/renderer.js @@ -101,32 +101,28 @@ window.addEventListener('DOMContentLoaded', async () => { `; - // 1) Container für die rechten Buttons - const rightControls = document.createElement('div'); - rightControls.className = 'flex items-center space-x-2'; + // play/pause Button korrekt initialisieren + const pausePlayBtn = document.createElement('button'); + pausePlayBtn.className = 'pause-play-btn ml-2 p-1 rounded'; + pausePlayBtn.title = isMonitoring ? 'Monitoring pausieren' : 'Monitoring starten'; + // statt Emoji: SVG-Strings + pausePlayBtn.innerHTML = isMonitoring + ? /* Pause-Icon */ + ` + + + ` + : /* Play-Icon */ + ` + + `; - // 2) Pause/Play-Button (wie gehabt) - const pausePlayBtn = document.createElement('button'); - pausePlayBtn.className = 'pause-play-btn p-1 rounded'; - pausePlayBtn.title = isMonitoring ? 'Monitoring pausieren' : 'Monitoring starten'; - pausePlayBtn.innerHTML = isMonitoring - ? `` - : ``; - pausePlayBtn.addEventListener('click', async e => { - e.stopPropagation(); - await window.electronAPI.setMonitoring(folderObj, !isMonitoring); - await renderSidebar(); - }); - - // 3) Remove-Button aus dem HTML ziehen - const removeBtn = li.querySelector('.remove-btn'); - removeBtn.classList.add('p-1', 'rounded'); // gleiche button-Grundklassen - - // 4) Beide in den rechten Container packen - rightControls.append(pausePlayBtn, removeBtn); - - // 5) Und den Container ans
  • anhängen - li.appendChild(rightControls); + pausePlayBtn.addEventListener('click', async e => { + e.stopPropagation(); + await window.electronAPI.setMonitoring(folderObj, !isMonitoring); + await renderSidebar(); + }); + li.appendChild(pausePlayBtn); li.addEventListener('contextmenu', e => { e.preventDefault();