fix permissions and styling

Signed-off-by: Timo K <toger5@hotmail.de>

src/room/InCallView.tsx

@@ -283,11 +283,12 @@ export const InCallView: FC<InCallViewProps> = ({
     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<InCallViewProps> = ({
           onLeave();
         });
     }
-  });
+  }, [callPickupState, onLeave, pickupPhaseAudio]);
 
   // When waiting for pickup, loop a waiting sound
   useEffect((): void | (() => void) => {
@@ -418,7 +419,9 @@ export const InCallView: FC<InCallViewProps> = ({
               size={AvatarSize.XL}
             />
           </div>
-          <Text size="md">{text}</Text>
+          <Text size="md" className={waitingStyles.text}>
+            {text}
+          </Text>
         </div>
       </div>
     );

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);

src/widget.ts

@@ -116,6 +116,7 @@ export const widget = ((): WidgetHelpers | null => {
         EventType.Reaction,
         EventType.RoomRedaction,
         ElementCallReactionEventType,
+        EventType.RTCDecline,
       ];
 
       const sendState = [