diff --git a/app/lib/components/Peer.jsx b/app/lib/components/Peer.jsx index 2b06f13..bf07925 100644 --- a/app/lib/components/Peer.jsx +++ b/app/lib/components/Peer.jsx @@ -147,7 +147,11 @@ class Peer extends Component {screenConsumer ?
-
+
{ - const n = this.props.peers.length; + const n = this.props.boxes; + + if (n === 0) + { + return; + } const width = this.refs.peers.clientWidth; const height = this.refs.peers.clientHeight; @@ -116,27 +121,24 @@ class Peers extends React.Component } Peers.propTypes = -{ - advancedMode : PropTypes.bool, - peers : PropTypes.arrayOf(appPropTypes.Peer).isRequired, - videoStreams : PropTypes.any, - activeSpeakerName : PropTypes.string, - toolAreaOpen : PropTypes.bool -}; + { + advancedMode : PropTypes.bool, + peers : PropTypes.arrayOf(appPropTypes.Peer).isRequired, + boxes : PropTypes.number, + activeSpeakerName : PropTypes.string, + toolAreaOpen : PropTypes.bool + }; const mapStateToProps = (state) => { - const peersArray = Object.values(state.peers); - const videoStreamsArray = Object.values(state.consumers); - const videoStreams = - videoStreamsArray.filter((consumer) => - { - return (consumer.source === 'webcam' || consumer.source === 'screen'); - }).length; + const peers = Object.values(state.peers); + + const boxes = peers.length + Object.values(state.consumers) + .filter((consumer) => consumer.source === 'screen').length; return { - peers : peersArray, - videoStreams : videoStreams, + peers, + boxes, activeSpeakerName : state.room.activeSpeakerName, toolAreaOpen : state.toolarea.toolAreaOpen }; diff --git a/app/stylus/components/FullView.styl b/app/stylus/components/FullView.styl index ff3f3e2..a31f3d9 100644 --- a/app/stylus/components/FullView.styl +++ b/app/stylus/components/FullView.styl @@ -7,7 +7,6 @@ flex-direction: column; overflow: hidden; background-color: rgba(#2a4b58, 0.9); - background-image: url('/resources/images/buddy.svg'); background-position: bottom; background-size: auto 85%; background-repeat: no-repeat;