diff --git a/app/lib/components/ParticipantList/ListPeer.jsx b/app/lib/components/ParticipantList/ListPeer.jsx index 2fb666c..5702100 100644 --- a/app/lib/components/ParticipantList/ListPeer.jsx +++ b/app/lib/components/ParticipantList/ListPeer.jsx @@ -67,6 +67,8 @@ const ListPeer = (props) => off : !micEnabled, disabled : peer.peerAudioInProgress })} + style={{ opacity : micEnabled && micConsumer ? (micConsumer.volume/10) + + 0.2 :1 }} onClick={(e) => { e.stopPropagation(); @@ -140,7 +142,7 @@ const mapDispatchToProps = (dispatch) => }, onEnableWebcam : (peerName) => { - + dispatch(requestActions.resumePeerVideo(peerName)); }, onDisableWebcam : (peerName) => diff --git a/app/lib/components/Peers.jsx b/app/lib/components/Peers.jsx index 14a11b0..67036f5 100644 --- a/app/lib/components/Peers.jsx +++ b/app/lib/components/Peers.jsx @@ -62,12 +62,12 @@ class Peers extends React.Component observer.observe(this.refs.peers); } - componentWillUnmount() + componentWillUnmount() { window.removeEventListener('resize', this.updateDimensions); } - componentDidUpdate() + componentDidUpdate() { this.updateDimensions(); } @@ -81,7 +81,7 @@ class Peers extends React.Component toolAreaOpen } = this.props; - const style = + const style = { 'width' : this.state.peerWidth, 'height' : this.state.peerHeight diff --git a/app/package-lock.json b/app/package-lock.json index cf150d1..5c87dfe 100644 --- a/app/package-lock.json +++ b/app/package-lock.json @@ -4771,7 +4771,8 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", @@ -4782,7 +4783,8 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -4899,7 +4901,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -4911,6 +4914,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -4940,6 +4944,7 @@ "version": "2.2.4", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -4958,6 +4963,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -5058,6 +5064,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -5179,6 +5186,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -5602,7 +5610,6 @@ "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -5745,8 +5752,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -5772,7 +5778,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" }