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).
This commit is contained in:
Jannis Braun
2026-03-23 20:44:44 +01:00
parent 00c5757311
commit ba11eefb0c
@@ -1,4 +1,3 @@
import React from 'react';
import { Avatar } from '../ui/Avatar'; import { Avatar } from '../ui/Avatar';
export interface VoiceUserRowProps { export interface VoiceUserRowProps {
@@ -9,6 +8,7 @@ export interface VoiceUserRowProps {
isMuted?: boolean; isMuted?: boolean;
isDeafened?: boolean; isDeafened?: boolean;
isCameraOn?: boolean; isCameraOn?: boolean;
isUnwatchedCamera?: boolean;
isScreenSharing?: boolean; isScreenSharing?: boolean;
isServerMuted?: boolean; isServerMuted?: boolean;
isServerDeafened?: boolean; isServerDeafened?: boolean;
@@ -27,6 +27,7 @@ export function VoiceUserRow({
isMuted, isMuted,
isDeafened, isDeafened,
isCameraOn, isCameraOn,
isUnwatchedCamera,
isScreenSharing, isScreenSharing,
isServerMuted, isServerMuted,
isServerDeafened, isServerDeafened,
@@ -107,6 +108,9 @@ export function VoiceUserRow({
{isCameraOn && ( {isCameraOn && (
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" className="text-txt-tertiary"> <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" /> <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> </svg>
)} )}
{/* Screen sharing LIVE badge */} {/* Screen sharing LIVE badge */}