import React, { Component } from 'react';

/* component styles */
import { styles } from './styles.scss';

/* authors */
const AUTHORS = ['anorudes', 'keske'];

export class Footer extends Component {

  render() {
    function renderGitHubFollowButton(user, key) {
      return (
        <a className="github-button" href={`https://github.com/${user}`}
           data-count-href={`/${user}/followers`}
           data-count-api={`/users/${user}#followers`}
           data-count-aria-label="# followers on GitHub"
           aria-label={`Follow @${user} on GitHub`}
           key={key}>
          @{user}
        </a>
      );
    }

    return (
      <footer className={`${styles}`}>
        <div className="container">
          <div className="row">
            <div className="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <a className="github-button"
               href="https://github.com/anorudes/redux-easy-boilerplate"
               data-icon="octicon-star"
               data-count-href="/anorudes/redux-easy-boilerplate/stargazers"
               data-count-api="/repos/anorudes/redux-easy-boilerplate#stargazers_count"
               data-count-aria-label="# stargazers on GitHub"
               aria-label="Star anorudes/redux-easy-boilerplate on GitHub">
               Star
            </a>
              {
                AUTHORS.map((author, key) => renderGitHubFollowButton(author, key))
              }
            </div>
          </div>
        </div>
      </footer>
    );
  }
}

import React, { Component } from 'react';

/* component styles */
import { styles } from './styles.scss';

export class Footer extends Component {

  render() {
    function renderGitHubFollowButton(user, key) {
      return (
        <a className="github-button" href={`https://github.com/${user}`}
           data-count-href={`/${user}/followers`}
           data-count-api={`/users/${user}#followers`}
           data-count-aria-label="# followers on GitHub"
           aria-label={`Follow @${user} on GitHub`}
           key={key}>
          @{user}
        </a>
      );
    }

    return (
      <footer className={`${styles}`}>
        <div className="container">
          <div className="row">
            <div className="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <a className="github-button"
               href="https://github.com/anorudes/redux-easy-boilerplate"
               data-icon="octicon-star"
               data-count-href="/anorudes/redux-easy-boilerplate/stargazers"
               data-count-api="/repos/anorudes/redux-easy-boilerplate#stargazers_count"
               data-count-aria-label="# stargazers on GitHub"
               aria-label="Star anorudes/redux-easy-boilerplate on GitHub">
               Star
            </a>
            </div>
          </div>
        </div>
      </footer>
    );
  }
}

remove authors from footer