From 5f514b170046453c851511a09ebfd5bd1dc0062a Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Mon, 11 May 2026 02:20:29 +0200
Subject: [PATCH] i18n: localize 3 empty-state strings (VOD grid + Merge tab)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Three empty-state texts hardcoded German in the HTML and never wired
through the locale system:

- VOD grid empty state: "Keine VODs" + "Wahle einen Streamer aus
  der Liste oder fuge einen neuen hinzu." Shown when no streamer is
  selected. English users were reading German strings here despite
  the rest of the app rendering in English.

- Merge tab empty state: "Keine Videos ausgewahlt." Shown in the
  Videos zusammenfugen tab before any files are added.

Existing locale tables already had `vods.noneTitle` /
`vods.noneText` / `merge.empty` in both EN and DE — they just
weren't being applied. Added IDs to the three elements
(vodGridEmptyTitle / vodGridEmptyText / mergeEmptyText) and
wired three setText calls in renderer-texts.applyText.

Zero new locale keys; pure plumbing fix.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/index.html        | 6 +++---
 src/renderer-texts.ts | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index 9aae7c7..9c0c668 100644
--- a/src/index.html
+++ b/src/index.html
@@ -289,8 +289,8 @@
                     <div class="vod-grid" id="vodGrid">
                         <div class="empty-state">
                             <svg viewBox="0 0 24 24" fill="currentColor"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-4 5-4v8zm2-8l5 4-5 4V9z"/></svg>
-                            <h3>Keine VODs</h3>
-                            <p>Wahle einen Streamer aus der Liste oder fuge einen neuen hinzu.</p>
+                            <h3 id="vodGridEmptyTitle">Keine VODs</h3>
+                            <p id="vodGridEmptyText">Wahle einen Streamer aus der Liste oder fuge einen neuen hinzu.</p>
                         </div>
                     </div>
                 </div>
@@ -399,7 +399,7 @@
                         <div class="file-list" id="mergeFileList">
                             <div class="empty-state" style="padding: 40px 20px;">
                                 <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" style="opacity:0.3"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-                                <p style="margin-top:10px">Keine Videos ausgewahlt</p>
+                                <p id="mergeEmptyText" style="margin-top:10px">Keine Videos ausgewahlt</p>
                             </div>
                         </div>
 
diff --git a/src/renderer-texts.ts b/src/renderer-texts.ts
index c7f42d5..0fabbf1 100644
--- a/src/renderer-texts.ts
+++ b/src/renderer-texts.ts
@@ -243,6 +243,13 @@ function applyLanguageToStaticUI(): void {
     setText('btnAutoVodScanNow', UI_TEXT.static.autoVodScanNow);
     setText('btnAutoRecordScanNow', UI_TEXT.static.autoRecordScanNow);
 
+    // Empty-state copy for the VODs grid (when no streamer is selected
+    // yet) and the Merge file list (no files added yet). Both were
+    // hardcoded German in the HTML — English users saw German strings.
+    setText('vodGridEmptyTitle', UI_TEXT.vods.noneTitle);
+    setText('vodGridEmptyText', UI_TEXT.vods.noneText);
+    setText('mergeEmptyText', UI_TEXT.merge.empty);
+
     // Localize the modal close-button aria-label. The buttons share a
     // .modal-close-localizable class so one call updates all five.
     setAriaLabelAll('.modal-close-localizable', UI_TEXT.streamers.modalCloseAria);