webcom-components/visio-sample

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        const modalContent = !list.length ? (<div>No participants registered</div>) : (
            <ListGroup
                style={{maxHeight:'288px', overflow:'auto'}}>
                {list.map(p => {
                    return (

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        const usersList = !connectedUsers.length ? (<div>No participants registered</div>) : (
            <ListGroup
                style={{maxHeight:'288px', overflow:'auto'}}>
                {connectedUsers.map(p => {
                    return (

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    _setModalState(showModal) {
        if(!this.state || this.state.showModal !== showModal) {
            this.setState({showModal});
        }
        if(this.state && !this.state.showModal) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    _setModalState(showModal) {
        if(!this.state || this.state.showModal !== showModal) {
            this.setState({showModal});
        }
        if(this.state && !this.state.showModal) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_audio_toggle', audioTitle)}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.toggleAudio.bind(this)}>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_video_toggle', videoTitle)}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.toggleVideo.bind(this)}>

• Read up
  Read up

Function render has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const connectedUsers = this.props.users.filter(p => p.status === 'CONNECTED' && p.uid !== this.props.current);
        const usersList = !connectedUsers.length ? (<div>No participants registered</div>) : (
            <ListGroup
                style={{maxHeight:'288px', overflow:'auto'}}>

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_fullscreen_toggle', 'Toggle Fullscreen')}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.toggleFullScreen.bind(this)}>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_add', 'Add participant')}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.addParticipantToRoom.bind(this)}>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_quit', 'Quit room')}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.exit.bind(this)}>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                <OverlayTrigger
                    trigger={['hover', 'focus']}
                    placement="left"
                    overlay={popoverHoverFocus('pop_device_switch', 'Switch camera')}>
                    <Button bsStyle="clear" bsSize="fab" onClick={this.switchVideo.bind(this)}>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        case STREAM_CHANGED:
            return {
                ...state,
                participants:
                    state.participants.map(u => {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        case STREAM_RECEIVED:
            return {
                ...state,
                participants:
                    state.participants.map((u) => {

• Read up
  Read up

Function render has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        let audioIcon = 'mic_on', videoIcon = 'videocam';
        if (this.props.stream && this.props.stream.muted) {
            audioIcon = this.props.stream.muted.audio ? 'mic_off' : 'mic_on';
            videoIcon = this.props.stream.muted.video ? 'videocam_off' : 'videocam';

Function render has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const { fields : { email, password, username } } = this.props;
        // ReduxFrom field props unknown to FormControl (causes warning since React 0.15.2)
        const unknownProps = [
            'initialValue', 'autofill', 'onUpdate', 'valid', 'invalid',

Function users has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function users(state = initialState, action = {}) {
    const _updateUser = () => state.map(p => p.uid === action.data.uid ? Object.assign({}, p, { ...action.data }) : p);

    switch (action.type) {
        case ADD_USER:

Function listen has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const listen = room => (dispatch, getState) => {
    const _room = rooms.find(room);
    if(_room) {
        _room.on(Reach.events.room.STREAM_PUBLISHED, remoteStream => {
            streams.add(remoteStream);

Function render has 39 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const size = !this.props.room.focus || this.props.room.focus === 'localVideo' ? 'big' : 'small';
        return (
            <div>
                {this.props.children &&

Function listenToJoinAndLeave has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const listenToJoinAndLeave = room => (dispatch, getState) => {
    rooms.find(room).on(Reach.events.room.PARTICIPANT_ADDED, p => {
        const user = getState().users.find(u => u.uid === p.uid);
        dispatch({
            type: PARTICIPANT_JOIN,

Function _onceLogged has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const _onceLogged = (dispatch, getState) => currentUser => {
    history.push('/users');

    dispatch({
        type: LOGGED,