// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

import {bindActionCreators} from 'redux';

import navigationSceneConnect from '../navigationSceneConnect';

import {closeDrawers, closeModal, goBack} from 'app/actions/navigation';
import {handleTeamChange} from 'app/actions/views/select_team';

import {getCurrentTeam, getTeams, getTeamMemberships} from 'mattermost-redux/selectors/entities/teams';
import {getCurrentUser} from 'mattermost-redux/selectors/entities/users';

import SelectTeam from './select_team.js';

function mapStateToProps(state) {
    const allTeams = Object.values(getTeams(state));
    const myMembers = getTeamMemberships(state);
    const user = getCurrentUser(state);
    const myTeams = allTeams.filter((team) => myMembers.hasOwnProperty(team.id));

    function sortTeams(a, b) {
        return a.display_name.localeCompare(b.display_name, user.locale, {numeric: true});
    }

    return {
        config: state.entities.general.config,
        teamsRequest: state.requests.teams.allTeams,
        teams: myTeams.sort(sortTeams),
        currentTeam: getCurrentTeam(state)
    };
}

function mapDispatchToProps(dispatch) {
    return {
        actions: bindActionCreators({
            closeDrawers,
            closeModal,
            goBack,
            handleTeamChange
        }, dispatch)
    };
}

export default navigationSceneConnect(mapStateToProps, mapDispatchToProps)(SelectTeam);