jitsi_app_c0/react/features/base/react/components/web/InlineDialogFailure.js

import AKButton from '@atlaskit/button';
import React, { Component } from 'react';

import { translate } from '../../../i18n';

declare var interfaceConfig: Object;

/**
 * Inline dialog that represents a failure and allows a retry.
 */
class InlineDialogFailure extends Component {
    /**
     * {@code InlineDialogFailure}'s property types.
     *
     * @static
     */
    static propTypes = {
        /**
         * Allows to retry the call that previously didn't succeed.
         */
        onRetry: React.PropTypes.func,

        /**
         * Invoked to obtain translated strings.
         */
        t: React.PropTypes.func
    };

    /**
     * Renders the content of this component.
     *
     * @returns {ReactElement}
     */
    render() {
        const { t } = this.props;

        const supportLink = interfaceConfig.SUPPORT_URL;
        const supportLinkElem
            = supportLink
                ? ( // eslint-disable-line no-extra-parens
                    <div className = 'inline-dialog-error-text'>
                        <span>{ t('inlineDialogFailure.supportMsg') }</span>
                        <span>
                            <a
                                href = { supportLink }
                                rel = 'noopener noreferrer'
                                target = '_blank'>
                                { t('inlineDialogFailure.support') }
                            </a>
                        </span>
                        <span>.</span>
                    </div>
                )
                : null;

        return (
            <div className = 'inline-dialog-error'>
                <div className = 'inline-dialog-error-text'>
                    { t('inlineDialogFailure.msg') }
                </div>
                { supportLinkElem }
                <AKButton
                    className = 'inline-dialog-error-button'
                    onClick = { this.props.onRetry } >
                    { t('inlineDialogFailure.retry') }
                </AKButton>
            </div>
        );
    }
}

export default translate(InlineDialogFailure);