import { ExtensionsList } from '@sourcegraph/extensions-client-common/lib/extensions/manager/ExtensionsList';
import * as React from 'react';
import { Link } from 'react-router-dom';
import { PageTitle } from '../components/PageTitle';
import { eventLogger } from '../tracking/eventLogger';
import { ExtensionsEmptyState } from './ExtensionsEmptyState';
/** A page that displays overview information about viewer's configured extensions. */
export class ExtensionsOverviewPage extends React.PureComponent {
    componentDidMount() {
        eventLogger.logViewEvent('ExtensionsOverview');
    }
    render() {
        return (React.createElement("div", { className: "extensions-overview-page container px-2 px-xl-0" },
            React.createElement(PageTitle, { title: "Extensions" }),
            React.createElement("div", { className: "py-3" },
                !this.props.authenticatedUser && (React.createElement("div", { className: "alert alert-info" },
                    React.createElement(Link, { to: "/sign-in", className: "btn btn-primary mr-2" }, "Sign in to add and configure extensions"),
                    React.createElement("small", null, "An account is required."))),
                React.createElement(ExtensionsList, Object.assign({}, this.props, { emptyElement: React.createElement(ExtensionsEmptyState, null), subject: this.props.subject, configurationCascade: this.props.configurationCascade })))));
    }
}
//# sourceMappingURL=ExtensionsOverviewPage.js.map