diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index c7e7acf1..1b24d0f0 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -283,11 +283,12 @@ export const InCallView: FC = ({ return prefetchSounds({ waiting: { mp3: genericSoundMp3, ogg: genericSoundOgg }, decline: { mp3: leftCallSoundMp3, ogg: leftCallSoundOgg }, - // do we want a timeout sound? + // Do we want a timeout sound? }); }); // configure this to sth that fits to the pickup waiting sound. - const PICKUP_SOUND_INTERVAL = 1000; + // 1600 is in sync with the animation. + const PICKUP_SOUND_INTERVAL = 1600; const pickupPhaseAudio = useAudioContext({ sounds: pickupPhaseSoundCache, @@ -373,7 +374,7 @@ export const InCallView: FC = ({ onLeave(); }); } - }); + }, [callPickupState, onLeave, pickupPhaseAudio]); // When waiting for pickup, loop a waiting sound useEffect((): void | (() => void) => { @@ -418,7 +419,9 @@ export const InCallView: FC = ({ size={AvatarSize.XL} /> - {text} + + {text} + ); diff --git a/src/room/WaitingForJoin.module.css b/src/room/WaitingForJoin.module.css index 776d8c04..8f7ebeec 100644 --- a/src/room/WaitingForJoin.module.css +++ b/src/room/WaitingForJoin.module.css @@ -24,10 +24,14 @@ position: absolute; inset: -12px; border-radius: 9999px; - border: 2px solid rgba(255, 255, 255, 0.6); + border: 12px solid rgba(255, 255, 255, 0.6); animation: pulse 1.6s ease-out infinite; } +.text { + color: var(--cpd-color-text-on-solid-primary); +} + @keyframes pulse { 0% { transform: scale(0.95); diff --git a/src/widget.ts b/src/widget.ts index 61bf3850..60163c7c 100644 --- a/src/widget.ts +++ b/src/widget.ts @@ -116,6 +116,7 @@ export const widget = ((): WidgetHelpers | null => { EventType.Reaction, EventType.RoomRedaction, ElementCallReactionEventType, + EventType.RTCDecline, ]; const sendState = [