From b16b6dcec7ac8852d93a88028d6ddf11d5eb60e4 Mon Sep 17 00:00:00 2001
From: Piotr Osiewicz <24362066+osiewicz@users.noreply.github.com>
Date: Thu, 22 Jun 2023 17:40:29 +0200
Subject: [PATCH] Render microphone toggle
---
assets/icons/microphone_active_12.svg | 4 ++
assets/icons/microphone_inactive_12.svg | 5 ++
crates/collab_ui/src/collab_titlebar_item.rs | 54 ++++++++++++++++++--
3 files changed, 60 insertions(+), 3 deletions(-)
create mode 100644 assets/icons/microphone_active_12.svg
create mode 100644 assets/icons/microphone_inactive_12.svg
diff --git a/assets/icons/microphone_active_12.svg b/assets/icons/microphone_active_12.svg
new file mode 100644
index 0000000000..797e64820b
--- /dev/null
+++ b/assets/icons/microphone_active_12.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/icons/microphone_inactive_12.svg b/assets/icons/microphone_inactive_12.svg
new file mode 100644
index 0000000000..90ac393fc2
--- /dev/null
+++ b/assets/icons/microphone_inactive_12.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/crates/collab_ui/src/collab_titlebar_item.rs b/crates/collab_ui/src/collab_titlebar_item.rs
index 1d7884fcb7..c0603421bc 100644
--- a/crates/collab_ui/src/collab_titlebar_item.rs
+++ b/crates/collab_ui/src/collab_titlebar_item.rs
@@ -1,6 +1,6 @@
use crate::{
- contact_notification::ContactNotification, contacts_popover, face_pile::FacePile,
- toggle_screen_sharing, ToggleScreenSharing,
+ contact_notification::ContactNotification, contacts_popover, face_pile::FacePile, toggle_mute,
+ toggle_screen_sharing, ToggleMute, ToggleScreenSharing,
};
use call::{ActiveCall, ParticipantLocation, Room};
use client::{proto::PeerId, Client, ContactEventKind, SignIn, SignOut, User, UserStore};
@@ -88,6 +88,7 @@ impl View for CollabTitlebarItem {
left_container
.add_child(self.render_current_user(&workspace, &theme, &user, peer_id, cx));
left_container.add_children(self.render_collaborators(&workspace, &theme, &room, cx));
+ right_container.add_child(self.render_toggle_microphone(&theme, &room, cx));
right_container.add_child(self.render_toggle_screen_sharing_button(&theme, &room, cx));
}
@@ -396,7 +397,6 @@ impl CollabTitlebarItem {
.with_children(self.render_contacts_popover_host(titlebar, cx))
.into_any()
}
-
fn render_toggle_screen_sharing_button(
&self,
theme: &Theme,
@@ -441,6 +441,54 @@ impl CollabTitlebarItem {
.aligned()
.into_any()
}
+ fn render_toggle_microphone(
+ &self,
+ theme: &Theme,
+ room: &ModelHandle,
+ cx: &mut ViewContext,
+ ) -> AnyElement {
+ let icon;
+ let tooltip;
+ let background;
+ if room.read(cx).is_muted().unwrap_or(false) {
+ icon = "icons/microphone_inactive_12.svg";
+ tooltip = "Unmute microphone\nRight click for options";
+ background = Color::red();
+ } else {
+ icon = "icons/microphone_active_12.svg";
+ tooltip = "Mute microphone\nRight click for options";
+ background = Color::transparent_black();
+ }
+
+ let titlebar = &theme.workspace.titlebar;
+ MouseEventHandler::::new(0, cx, |state, _| {
+ let style = titlebar.call_control.style_for(state);
+ Svg::new(icon)
+ .with_color(style.color)
+ .constrained()
+ .with_width(style.icon_width)
+ .aligned()
+ .constrained()
+ .with_width(style.button_width)
+ .with_height(style.button_width)
+ .contained()
+ .with_style(style.container)
+ .with_background_color(background)
+ })
+ .with_cursor_style(CursorStyle::PointingHand)
+ .on_click(MouseButton::Left, move |_, _, cx| {
+ toggle_mute(&Default::default(), cx)
+ })
+ .with_tooltip::(
+ 0,
+ tooltip.into(),
+ Some(Box::new(ToggleMute)),
+ theme.tooltip.clone(),
+ cx,
+ )
+ .aligned()
+ .into_any()
+ }
fn render_in_call_share_unshare_button(
&self,