SCM-Manager/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetId.js

//@flow

import {Link} from "react-router-dom";
import React from "react";
import type {Changeset, Repository} from "@scm-manager/ui-types";

type Props = {
  repository: Repository,
  changeset: Changeset,
  link: boolean
};

export default class ChangesetId extends React.Component<Props> {
  static defaultProps = {
    link: true
  };

  shortId = (changeset: Changeset) => {
    return changeset.id.substr(0, 7);
  };

  renderLink = () => {
    const { changeset, repository } = this.props;
    return (
      <Link
        to={`/repo/${repository.namespace}/${repository.name}/changeset/${
          changeset.id
        }`}
      >
        {this.shortId(changeset)}
      </Link>
    );
  };

  renderText = () => {
    const { changeset } = this.props;
    return this.shortId(changeset);
  };

  render() {
    const { link } = this.props;
    if (link) {
      return this.renderLink();
    }
    return this.renderText();
  }
}