const listStatus = function () {
        statesCandidate.map(state => {
            switch (state) {
                case 'accepted':
                    return (
                        <li className="col l12 toConfirm">
                            <div className="booking-yellow-text toConfirm__title">
                              <span className="fa-stack fa-lg">
                                <i className="fa fa-circle fa-stack-2x"></i>
                                <i className="fa fa-hourglass-start fa-stack-1x fa-inverse"></i>
                              </span>
                                ATTENTE DE CONFIRMATION
                            </div>
                            <div className="toConfirm__list">
                                <CampainStatusViewListItem candidates={candidates}/>
                            </div>
                        </li>
                    );
                case 'booked':
                    return (
                        <li className="col l12 s12 heldCandidate">
                            <div className="booking-green-text heldCandidate__title">
                              <span className="fa-stack fa-lg">
                                <i className="fa fa-circle fa-stack-2x"></i>
                                <i className="fa fa-thumbs-up fa-stack-1x fa-inverse"></i>
                              </span>
                                RETENU
                            </div>
                            <div className="heldCandidate__list">
                                {/*<CampainStatusViewListItem candidates={candidates}/>*/}
                            </div>
                        </li>
                    );
                case 'unbooked':
                    return (
                        <li className="col l12 s12 refused">
                            <div className="booking-red-text refused__title">
                              <span className="fa-stack fa-lg">
                                <i className="fa fa-circle fa-stack-2x"></i>
                                <i className="fa fa-thumbs-down fa-stack-1x fa-inverse"></i>
                              </span>
                                NON RETENU
                            </div>
                            <div className="refused__list">
                                {/*<CampainStatusViewListItem candidates={candidates}/>*/}
                            </div>
                        </li>
                    );
                default:
                    return null;
            }
        }
        )
    };