@sourcegraph/extensions-client-common/lib/extensions/ExtensionAddButton.js

import * as React from 'react';
import { from, Subject, Subscription } from 'rxjs';
import { catchError, map, mapTo, startWith, switchMap, tap } from 'rxjs/operators';
import { asError, isErrorLike } from '../errors';
const LOADING = 'loading';
/** An button to add an extension. */
export class ExtensionAddButton extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.state = { operationResultOrError: null };
        this.clicks = new Subject();
        this.subscriptions = new Subscription();
        this.onClick = () => {
            if (!this.props.confirm || this.props.confirm()) {
                this.clicks.next();
            }
        };
        this.addExtensionForSubject = (extension, subject) => this.props.extensions.context.updateExtensionSettings(subject.subject.id, {
            extensionID: extension.id,
            enabled: true,
        });
    }
    componentDidMount() {
        this.subscriptions.add(this.clicks
            .pipe(switchMap(() => from(this.addExtensionForSubject(this.props.extension, this.props.subject)).pipe(mapTo(null), catchError(error => [asError(error)]), map(c => ({ operationResultOrError: c })), tap(() => this.props.onUpdate()), startWith({ operationResultOrError: LOADING }))))
            .subscribe(stateUpdate => this.setState(stateUpdate), error => console.error(error)));
    }
    componentWillUnmount() {
        this.subscriptions.unsubscribe();
    }
    render() {
        return (React.createElement("button", { className: `${this.props.className} d-flex align-items-center`, disabled: this.props.disabled || this.state.operationResultOrError === 'loading', onClick: this.onClick },
            this.props.children,
            isErrorLike(this.state.operationResultOrError) && (React.createElement("small", { className: "text-danger ml-2", title: this.state.operationResultOrError.message },
                React.createElement(this.props.extensions.context.icons.Warning, { className: "icon-inline" }),
                " Error"))));
    }
}
//# sourceMappingURL=ExtensionAddButton.js.map