From fa4b379a907f4c6a77ecdc54c7f9f2b520994b90 Mon Sep 17 00:00:00 2001
From: Daniel <daniel@daddelolymp.de>
Date: Sat, 7 Mar 2026 14:57:41 +0100
Subject: [PATCH] =?UTF-8?q?Fix:=20Stream=20in=20gleichem=20Fenster=20?=
 =?UTF-8?q?=C3=B6ffnen=20+=20Update-Dialog=20Abbrechen-Button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Stream-Tile Klick öffnet Join-Modal statt neues Fenster
- checkForUpdates optional chaining für alte Electron App
- Abbrechen-Button im Update-Check Dialog
- 15s Timeout falls Electron nicht antwortet

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/App.tsx                            | 9 ++++++++-
 web/src/plugins/streaming/StreamingTab.tsx | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index da8d568..6489a8b 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -106,7 +106,11 @@ export default function App() {
 
   const handleCheckForUpdates = () => {
     setUpdateState('checking');
-    (window as any).electronAPI?.checkForUpdates();
+    (window as any).electronAPI?.checkForUpdates?.();
+    // Timeout: falls Electron nicht antwortet, nach 15s zurücksetzen
+    setTimeout(() => {
+      setUpdateState(prev => prev === 'checking' ? 'error' : prev);
+    }, 15000);
   };
 
   // Tab icon mapping
@@ -181,6 +185,9 @@ export default function App() {
                 <div className="hub-update-progress">
                   <div className="hub-update-progress-bar" />
                 </div>
+                <button className="hub-update-btn" onClick={() => setUpdateState('idle')}>
+                  Abbrechen
+                </button>
               </>
             )}
             {updateState === 'downloading' && (
diff --git a/web/src/plugins/streaming/StreamingTab.tsx b/web/src/plugins/streaming/StreamingTab.tsx
index d3856f9..66aa386 100644
--- a/web/src/plugins/streaming/StreamingTab.tsx
+++ b/web/src/plugins/streaming/StreamingTab.tsx
@@ -611,7 +611,7 @@ export default function StreamingTab({ data }: { data: any }) {
           {streams
             .filter(s => s.id !== myStreamId)
             .map(s => (
-              <div key={s.id} className="stream-tile" onClick={() => openInNewWindow(s.id)}>
+              <div key={s.id} className="stream-tile" onClick={() => openJoinModal(s)}>
                 <div className="stream-tile-preview">
                   <span className="stream-tile-icon">{'\u{1F5A5}\uFE0F'}</span>
                   <span className="stream-live-badge"><span className="stream-live-dot" /> LIVE</span>