CodeTheChangeUBC/sasc

import React, { Component } from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as roomActions from "./../../Redux/Actions/roomActions";
import PropTypes from "prop-types";

/**
 * Entry that show a student inside counsellor bar
 *
 * TODO: I want to redirect the chat to student's context when I click on an entry
 */
class CounsellorBarEntry extends Component {
    constructor(props) {
        super(props);
        this.state = {};

        this.switchActiveRoom = this.switchActiveRoom.bind(this);
    }

    switchActiveRoom() {
        this.props.setActiveRoom(this.props.room.roomID);
    }

    render() {
        return (
            <div
                className="counsellor-bar-entry"
                onClick={this.switchActiveRoom}
            >
                <h4>{this.props.room.humans.user.nickname}</h4>
                <p>{this.props.room.humans.user.username}</p>
            </div>
        );
    }
}

CounsellorBarEntry.propTypes = {
    room: PropTypes.object,
    "room.humans": PropTypes.object,
    "room.humans.user": PropTypes.object,
    "room.humans.user.nickname": PropTypes.string,
    "room.humans.user.username": PropTypes.string,
    setActiveRoom: PropTypes.func
};

function mapStateToProps(state, ownProps) {
    return state;
}

function mapDispatchToProps(dispatch) {
    return bindActionCreators(
        {
            setActiveRoom: roomActions.setActiveRoom
        },
        dispatch
    );
}

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(CounsellorBarEntry);