import React from 'react';
import { Changeset } from '@scm-manager/ui-types';
import { ExtensionPoint } from '@scm-manager/ui-extensions';
import { translate } from 'react-i18next';

type Props = {
  changeset: Changeset;

  // context props
  t: (p: string) => string;
};

class ChangesetAuthor extends React.Component<Props> {
  render() {
    const { changeset } = this.props;
    if (!changeset.author) {
      return null;
    }

    const { name, mail } = changeset.author;
    if (mail) {
      return this.withExtensionPoint(this.renderWithMail(name, mail));
    }
    return this.withExtensionPoint(<>{name}</>);
  }

  renderWithMail(name: string, mail: string) {
    const { t } = this.props;
    return (
      <a
        href={'mailto:' + mail}
        title={t('changeset.author.mailto') + ' ' + mail}
      >
        {name}
      </a>
    );
  }

  withExtensionPoint(child: any) {
    const { t } = this.props;
    return (
      <>
        {t('changeset.author.prefix')} {child}
        <ExtensionPoint
          name="changesets.author.suffix"
          props={{
            changeset: this.props.changeset,
          }}
          renderAll={true}
        />
      </>
    );
  }
}

export default translate('repos')(ChangesetAuthor);