RU
diff --git a/src/components/ToggleMic.tsx b/src/components/ToggleMic.tsx
index 0714717..ce716c3 100644
--- a/src/components/ToggleMic.tsx
+++ b/src/components/ToggleMic.tsx
@@ -8,7 +8,7 @@ import MicroOffIcon from "./icons/MicroOffIcon";
function ToggleMic({ socket, handleUpdate }: any) {
const room = useRoomContext();
- const [muted, setMuted] = useState(false);
+ const [muted, setMuted] = useState(true);
function toggleMic(value: boolean) {
const audioTrack = room.localParticipant.getTrack(Track.Source.Microphone);
@@ -45,6 +45,10 @@ function ToggleMic({ socket, handleUpdate }: any) {
room.on(RoomEvent.TrackUnmuted, (_, participant) => {
console.log(participant);
});
+
+ room.on("localTrackPublished", () => {
+ room.localParticipant.getTrack(Track.Source.Microphone)?.mute();
+ });
}, []);
return (
diff --git a/src/components/modals/UsersManagementModal.tsx b/src/components/modals/UsersManagementModal.tsx
index 47a22be..b455a60 100644
--- a/src/components/modals/UsersManagementModal.tsx
+++ b/src/components/modals/UsersManagementModal.tsx
@@ -29,15 +29,15 @@ function UsersManagementModal({
const [users] = useStreamUserStore((state) => [state.users]);
return (
-
+
Участники
-
+
{users.map((user: any, index: number) => (
-
+
@@ -77,19 +77,19 @@ function UsersManagementModal({
)}
{!user.muted ? (
-
handleUpdate(user.id, { muted: true })}
className="outline-none"
>
-
+
) : (
-
handleUpdate(user.id, { muted: false })}
className="outline-none"
>
-
+
)}
>
)}