From ba11eefb0c6aee5cecd1f32a8665f7e78284f280 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Mon, 23 Mar 2026 20:44:44 +0100
Subject: [PATCH] fix: add isUnwatchedCamera prop and remove unused React
 import

Adds camera slash overlay for unwatched cameras, matching
VoiceChannel.tsx. Removes unnecessary React import (Vite
automatic JSX transform).
---
 packages/web/src/components/voice/VoiceUserRow.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/voice/VoiceUserRow.tsx b/packages/web/src/components/voice/VoiceUserRow.tsx
index 3d91f8cc..f2d2c6ca 100644
--- a/packages/web/src/components/voice/VoiceUserRow.tsx
+++ b/packages/web/src/components/voice/VoiceUserRow.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Avatar } from '../ui/Avatar';
 
 export interface VoiceUserRowProps {
@@ -9,6 +8,7 @@ export interface VoiceUserRowProps {
   isMuted?: boolean;
   isDeafened?: boolean;
   isCameraOn?: boolean;
+  isUnwatchedCamera?: boolean;
   isScreenSharing?: boolean;
   isServerMuted?: boolean;
   isServerDeafened?: boolean;
@@ -27,6 +27,7 @@ export function VoiceUserRow({
   isMuted,
   isDeafened,
   isCameraOn,
+  isUnwatchedCamera,
   isScreenSharing,
   isServerMuted,
   isServerDeafened,
@@ -107,6 +108,9 @@ export function VoiceUserRow({
         {isCameraOn && (
           <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" className="text-txt-tertiary">
             <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z" />
+            {isUnwatchedCamera && (
+              <line x1="1" y1="1" x2="23" y2="23" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+            )}
           </svg>
         )}
         {/* Screen sharing LIVE badge */}