import * as React from 'react';
import { FilteredConnection } from '../../components/FilteredConnection';
import { PageTitle } from '../../components/PageTitle';
import { eventLogger } from '../../tracking/eventLogger';
import { GitRefNode, queryGitRefs } from '../GitRef';
/** A page that shows all of a repository's tags. */
export class RepositoryReleasesTagsPage extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.queryTags = (args) => queryGitRefs(Object.assign({}, args, { repo: this.props.repo.id, type: "GIT_TAG" /* GIT_TAG */ }));
    }
    componentDidMount() {
        eventLogger.logViewEvent('RepositoryReleasesTags');
    }
    render() {
        return (React.createElement("div", { className: "repository-releases-page" },
            React.createElement(PageTitle, { title: "Tags" }),
            React.createElement(FilteredConnection, { className: "", listClassName: "list-group list-group-flush", noun: "tag", pluralNoun: "tags", queryConnection: this.queryTags, nodeComponent: GitRefNode, defaultFirst: 20, autoFocus: true, history: this.props.history, location: this.props.location })));
    }
}
//# sourceMappingURL=RepositoryReleasesTagsPage.js.map