From 96d5e9731872b9cc75defe988d8c23c6017802e2 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Mon, 11 Dec 2023 07:10:31 -0800
Subject: [PATCH] Click grid raised hand participant to open queue
---
stylesheets/_modules.scss | 6 ++
ts/components/CallScreen.tsx | 61 ++++++++++++-------
ts/components/GroupCallOverflowArea.tsx | 3 +
ts/components/GroupCallRemoteParticipant.tsx | 41 ++++++++++---
ts/components/GroupCallRemoteParticipants.tsx | 4 ++
5 files changed, 82 insertions(+), 33 deletions(-)
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 77f2f2932e3b..7bb440a1d08b 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3969,6 +3969,7 @@ button.module-image__border-overlay:focus {
transition-duration: 300ms;
transition-delay: 1000ms;
transition-timing-function: ease-in-out;
+ pointer-events: none;
}
&--speaking:after {
border-width: 3px;
@@ -4038,8 +4039,13 @@ button.module-image__border-overlay:focus {
overflow: hidden;
text-overflow: ellipsis;
visibility: hidden;
+ direction: inherit;
white-space: nowrap;
}
+
+ &--clickable {
+ @include button-reset;
+ }
}
&--hand-raised &__footer {
diff --git a/ts/components/CallScreen.tsx b/ts/components/CallScreen.tsx
index 4cc91073bd7e..b4f7d1eafece 100644
--- a/ts/components/CallScreen.tsx
+++ b/ts/components/CallScreen.tsx
@@ -335,7 +335,6 @@ export function CallScreen({
let hasCallStarted: boolean;
let isConnected: boolean;
let participantCount: number;
- let remoteParticipantsElement: ReactNode;
let conversationsByDemuxId: ConversationsByDemuxIdType;
let localDemuxId: number | undefined;
@@ -348,17 +347,6 @@ export function CallScreen({
isConnected = activeCall.callState === CallState.Accepted;
participantCount = isConnected ? 2 : 0;
conversationsByDemuxId = new Map();
- remoteParticipantsElement = hasCallStarted ? (
-