From 7461cd28ce674ef73f3a73230e0fbec82de4b3aa Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Mon, 10 Aug 2026 13:05:17 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20only=20show=20the=20ef?=
 =?UTF-8?q?fect=20button=20when=20the=20track=20is=20defined?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Guard the effect button so it only renders when the track exists.
This prevents the frontend build from failing when TypeScript
rightly flagged the possibility of an undefined track being passed
to the effect logic.
---
 src/frontend/src/features/rooms/components/Join.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/features/rooms/components/Join.tsx b/src/frontend/src/features/rooms/components/Join.tsx
index 6877a4aa..6150bf71 100644
--- a/src/frontend/src/features/rooms/components/Join.tsx
+++ b/src/frontend/src/features/rooms/components/Join.tsx
@@ -394,7 +394,7 @@ const VideoPreview = ({
           />
         </div>
         <div className={styles.effectsOverlay}>
-          <Effects videoTrack={videoTrack} />
+          {videoTrack && <Effects videoTrack={videoTrack} />}
         </div>
       </div>
     </div>