import { connect } from 'react-redux';
import React from 'react';
import PropTypes from 'prop-types';
import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
import { Link } from 'react-router-dom';
import { invitesEnabled, repository, source_url, version } from 'mastodon/initial_state';
import { logOut } from 'mastodon/utils/log_out';
import { openModal } from 'mastodon/actions/modal';
import { isStaff } from '../../../initial_state';

const messages = defineMessages({
  logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' },
  logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' },
});

const mapDispatchToProps = (dispatch, { intl }) => ({
  onLogout() {
    dispatch(openModal('CONFIRM', {
      message  : intl.formatMessage(messages.logoutMessage),
      confirm  : intl.formatMessage(messages.logoutConfirm),
      onConfirm: () => logOut(),
    }));
  },
});

export default @injectIntl
@connect(null, mapDispatchToProps)
class LinkFooter extends React.PureComponent {

  static propTypes = {
    withHotkeys: PropTypes.bool,
    displaySnow: PropTypes.bool,
    onLogout   : PropTypes.func.isRequired,
    intl       : PropTypes.object.isRequired,
  };
  static defaultProps = {
    displaySnow: false,
  };

  handleLogoutClick = e => {
    e.preventDefault();
    e.stopPropagation();

    this.props.onLogout();

    return false;
  };

  componentDidMount() {
    // make snow effect
    if (this.props.displaySnow) {
      import('../../../utils/snowstorm-min')
        .then((snowstorm) => {
          console.log(snowstorm);
          snowstorm(window, document);
        })
        .catch((err) => console.error(err));
    }
  }

  render() {
    const { withHotkeys } = this.props;

    return (
      <div className='getting-started__footer'>

        <ul >
          <li >
            <a href='https://liberapay.com/cipherbliss'>Supportez Cipherbliss</a >
          </li >
          <li >
            <a href='https://mastodon.cipherbliss.com/@tykayn'>
              <i className='fa fa-paper-plane' />
              contactez nous</a >
          </li >
          {isStaff && (
            <li >

              <a href='/admin/tags?pending_review=1'>
                <i className='fa fa-fire' />
                Trending hashtags</a >
              <hr />
            </li >

          )}

          {invitesEnabled && <li ><a
            href='/invites'
            target='_blank'
          ><FormattedMessage
            id='getting_started.invite'
            defaultMessage='Invite people'
          /> ·</a >
          </li >}
          {withHotkeys && <li ><Link to='/keyboard-shortcuts'>
            <FormattedMessage
              id='navigation_bar.keyboard_shortcuts'
              defaultMessage='Hotkeys'
            /> ·
          </Link >
          </li >}
          <li >
            <a href='/auth/edit'>
              <FormattedMessage
                id='getting_started.security'
                defaultMessage='Security'
              /> ·
            </a >
          </li >
          <li >
            <a
              href='/about/more'
              target='_blank'
            ><FormattedMessage
              id='navigation_bar.info'
              defaultMessage='About this server'
            /> ·
            </a >
          </li >
          <li >
            <a
              href='https://joinmastodon.org/apps'
              target='_blank'
            ><FormattedMessage
              id='navigation_bar.apps'
              defaultMessage='Mobile apps'
            /> ·
            </a >
          </li >
          <li >
            <a
              href='/terms'
              target='_blank'
            >
              <FormattedMessage
                id='getting_started.terms'
                defaultMessage='Terms of service'
              /> ·</a >
          </li >
          <li >
            <a
              href='/settings/applications'
              target='_blank'
            ><FormattedMessage
              id='getting_started.developers'
              defaultMessage='Developers'
            /> ·
            </a >
          </li >
          <li >
            <a
              href='https://docs.joinmastodon.org'
              target='_blank'
            >
              <FormattedMessage
                id='getting_started.documentation'
                defaultMessage='Documentation'
              />
            </a > ·
          </li >
          <li >
            <a
              href='/auth/sign_out'
              onClick={this.handleLogoutClick}
            >
              <FormattedMessage
                id='navigation_bar.logout'
                defaultMessage='Logout'
              />
            </a >
          </li >
        </ul >

        <p >
          <FormattedMessage
            id='getting_started.open_source_notice'
            defaultMessage='Mastodon is open source software. You can contribute or report issues on the forge at {forge}.'
            values={{
              forge: <span ><a
                href={source_url}
                rel='noopener noreferrer'
                target='_blank'
              >{repository}</a > (v{version})</span >,
            }}
          />
        </p >
      </div >
    );
  }

};