import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Alert, CardColumns } from 'react-bootstrap';

import ServerCard from '../components/selection/ServerCard';

export default class ServerSelection extends Component {
    render() {
        const guilds = this.props.user.guilds.filter(g => g.admin);
        
        if (!guilds.length) {
            return(
                <Alert variant="warning">
                    <strong>You cannot manage any servers</strong>
                </Alert>
            );
        } else {
            return(
                <React.Fragment>
                    <CardColumns>
                        {guilds.map(guild => {
                            return(<ServerCard guild={guild} />);
                        })}
                    </CardColumns>
                </React.Fragment>
            );
        }
    }
}

ServerSelection.propTypes = {
    user: PropTypes.object
}