diff --git a/front/src/Stores/StreamableCollectionStore.ts b/front/src/Stores/StreamableCollectionStore.ts index d3a02209..4b38d272 100644 --- a/front/src/Stores/StreamableCollectionStore.ts +++ b/front/src/Stores/StreamableCollectionStore.ts @@ -2,6 +2,7 @@ import { derived, get, Readable } from "svelte/store"; import { ScreenSharingLocalMedia, screenSharingLocalMedia } from "./ScreenSharingStore"; import { peerStore, screenSharingStreamStore } from "./PeerStore"; import type { RemotePeer } from "../WebRtc/SimplePeer"; +import { highlightedEmbedScreen } from "./EmbedScreensStore"; export type Streamable = RemotePeer | ScreenSharingLocalMedia; @@ -25,6 +26,12 @@ function createStreamableCollectionStore(): Readable> { addPeer($screenSharingLocalMedia); } + const $highlightedEmbedScreen = get(highlightedEmbedScreen); + + if ($highlightedEmbedScreen?.type === 'streamable' && !peers.has($highlightedEmbedScreen.embed.uniqueId)) { + highlightedEmbedScreen.removeHighlight(); + } + set(peers); } ); diff --git a/front/style/style.scss b/front/style/style.scss index b3a55828..fef4ea7d 100644 --- a/front/style/style.scss +++ b/front/style/style.scss @@ -38,8 +38,6 @@ body .message-info.warning{ .video-container { display: flex; transition: all 0.2s ease; - background-color: #00000099; - border-radius: 15px; cursor: url('./images/cursor_pointer.png'), pointer; width: 100%;