From 138c81eb8c2d07f02ef25eada3014aa1ce70fb71 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Sun, 10 May 2026 11:55:59 +0200
Subject: [PATCH] ui: rename VOD card "Clip" button to Trim/Zuschneiden + live
 re-render

Follow-up to 4.5.13. The dialog title was renamed but the VOD-card
button that opens it still read "Clip", which kept the same
overloaded-with-Twitch-Clips ambiguity it was meant to fix.

- DE: "Zuschneiden", EN: "Trim" (kept short for the small card button;
  the dialog itself still reads "Trim VOD" / "VOD zuschneiden")
- buildVodCardHtml now uses UI_TEXT.vods.trimButton instead of a
  hardcoded "Clip"
- changeLanguage now also calls renderVodGridFromCurrentState +
  refreshVodSortSelectLabels so the button label and sort-select
  options update live on language switch (the existing addQueue label
  was suffering the same staleness)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/renderer-locale-de.ts | 1 +
 src/renderer-locale-en.ts | 1 +
 src/renderer-settings.ts  | 4 ++++
 src/renderer-streamers.ts | 2 +-
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer-locale-de.ts b/src/renderer-locale-de.ts
index 518c2fd..37f4119 100644
--- a/src/renderer-locale-de.ts
+++ b/src/renderer-locale-de.ts
@@ -163,6 +163,7 @@ const UI_TEXT_DE = {
         untitled: 'Unbenanntes VOD',
         views: 'Aufrufe',
         addQueue: '+ Warteschlange',
+        trimButton: 'Zuschneiden',
         filterPlaceholder: 'Nach Titel filtern... (Strg+F)',
         filterClearTitle: 'Filter loeschen (Esc)',
         filterNoMatchTitle: 'Keine Treffer',
diff --git a/src/renderer-locale-en.ts b/src/renderer-locale-en.ts
index 502e389..8fe2e91 100644
--- a/src/renderer-locale-en.ts
+++ b/src/renderer-locale-en.ts
@@ -163,6 +163,7 @@ const UI_TEXT_EN = {
         untitled: 'Untitled VOD',
         views: 'views',
         addQueue: '+ Queue',
+        trimButton: 'Trim',
         filterPlaceholder: 'Filter by title... (Ctrl+F)',
         filterClearTitle: 'Clear filter (Esc)',
         filterNoMatchTitle: 'No matches',
diff --git a/src/renderer-settings.ts b/src/renderer-settings.ts
index f251367..7a992d5 100644
--- a/src/renderer-settings.ts
+++ b/src/renderer-settings.ts
@@ -185,6 +185,10 @@ function changeLanguage(lang: string): void {
 
     renderQueue();
     renderStreamers();
+    // Re-render the VOD grid so the dynamically built button labels
+    // (trim / queue) and the filter empty-state pick up the new locale.
+    renderVodGridFromCurrentState();
+    refreshVodSortSelectLabels();
 
     const activeTabId = document.querySelector('.tab-content.active')?.id || 'vodsTab';
     const activeTab = activeTabId.replace('Tab', '');
diff --git a/src/renderer-streamers.ts b/src/renderer-streamers.ts
index c97931c..d1aa971 100644
--- a/src/renderer-streamers.ts
+++ b/src/renderer-streamers.ts
@@ -182,7 +182,7 @@ function buildVodCardHtml(vod: VOD, streamer: string): string {
                 </div>
             </div>
             <div class="vod-actions">
-                <button class="vod-btn secondary" onclick="openClipDialog('${vod.url}', '${escapedTitle}', '${vod.created_at}', '${streamer}', '${vod.duration}')">Clip</button>
+                <button class="vod-btn secondary" onclick="openClipDialog('${vod.url}', '${escapedTitle}', '${vod.created_at}', '${streamer}', '${vod.duration}')">${UI_TEXT.vods.trimButton}</button>
                 <button class="vod-btn primary" onclick="addToQueue('${vod.url}', '${escapedTitle}', '${vod.created_at}', '${streamer}', '${vod.duration}')">${UI_TEXT.vods.addQueue}</button>
             </div>
         </div>