void;
+ onDoubleClick?: () => void;
onContextMenu?: (e: React.MouseEvent) => void;
}): JSX.Element {
if (tile.kind === 'screen') {
@@ -939,6 +941,7 @@ function TileRender({
return (
div]:h-full [&>div]:w-full ' + (onClick ? 'cursor-pointer' : '')}
>
@@ -969,6 +972,7 @@ function TileRender({
{...(size ? { size } : {})}
{...(focused ? { focused } : {})}
{...(onClick ? { onClick } : {})}
+ {...(onDoubleClick ? { onDoubleClick } : {})}
{...(onContextMenu ? { onContextMenu } : {})}
/>
);
@@ -997,6 +1001,7 @@ function CallStage({
activeSpeakers={activeSpeakers}
remoteScreenShares={remoteScreenShares}
conversationMembers={conversationMembers}
+ onDoubleClick={() => onFocusTile(speaker.id)}
{...(onTileContextMenu
? { onContextMenu: (e: React.MouseEvent) => onTileContextMenu(speaker, e) }
: {})}
@@ -1068,6 +1073,7 @@ function FocusedTile({
remoteScreenShares,
conversationMembers,
onContextMenu,
+ onDoubleClick,
}: {
tile: Tile;
e2ee: boolean;
@@ -1075,6 +1081,7 @@ function FocusedTile({
remoteScreenShares: StageProps['remoteScreenShares'];
conversationMembers: StageProps['conversationMembers'];
onContextMenu?: (e: React.MouseEvent) => void;
+ onDoubleClick?: () => void;
}) {
return (
@@ -1086,6 +1093,7 @@ function FocusedTile({
conversationMembers={conversationMembers}
focused
{...(onContextMenu ? { onContextMenu } : {})}
+ {...(onDoubleClick ? { onDoubleClick } : {})}
/>
);
@@ -1226,6 +1234,7 @@ function FullscreenCall({
onFocusTile(speaker!.id)}
+ onDoubleClick={() => onFocusTile(speaker!.id)}
title="Zurück zur Übersicht"
>