Method render

docs/app/js/sanddance-app.js:52199–52243

()

        });
    }
    render() {
        let shortcut;
        if (this.props.dataSource.dataSourceType !== "local" && this.state.url && !(0, _url.invalidUrlError)(this.state.url) && !this.state.urlError) shortcut = this.getUrlShortcut();
        return /*#__PURE__*/ _react.createElement("div", null, /*#__PURE__*/ _react.createElement((0, _sanddanceExplorer.controls).Dialog, {
            hidden: false,
            onDismiss: this.props.onDismiss,
            dialogContentProps: {
                className: `sanddance-dialog ${this.props.theme}`,
                type: (0, _base.base).fluentUI.DialogType.normal,
                title: (0, _language.strings).dialogTitleSnapshotsUrl
            },
            buttons: [
                /*#__PURE__*/ _react.createElement((0, _base.base).fluentUI.PrimaryButton, {
                    disabled: !this.state.url || !!this.state.urlError,
                    key: 0,
                    onClick: (e)=>this.loadUrl(),
                    iconProps: {
                        iconName: "CloudDownload"
                    },
                    text: (0, _language.strings).dialogLoadButton
                })
            ]
        }, /*#__PURE__*/ _react.createElement("section", null, /*#__PURE__*/ _react.createElement((0, _base.base).fluentUI.TextField, {
            label: (0, _language.strings).labelUrl,
            placeholder: (0, _language.strings).urlInputPlaceholder,
            onKeyUp: (e)=>e.keyCode === 13 && this.loadUrl(),
            onChange: (e, url)=>this.setState({
                    url,
                    urlError: ""
                }),
            value: this.state.url,
            disabled: this.state.working
        }), this.state.urlError && /*#__PURE__*/ _react.createElement("div", {
            className: "error"
        }, this.state.urlError)), this.props.dataSource.dataSourceType !== "local" && /*#__PURE__*/ _react.createElement("section", {
            className: "tip",
            style: {
                visibility: !(0, _url.invalidUrlError)(this.state.url) && !this.state.urlError ? "visible" : "hidden"
            }
        }, (0, _language.strings).labelSnapshotsShortcut, " ", /*#__PURE__*/ _react.createElement("a", {
            href: shortcut,
            title: (0, _language.strings).labelLinkDescription,
            "aria-label": (0, _language.strings).labelLinkDescription
        }, (0, _language.strings).labelShare))));
    }
}
function SnapshotExport(props) {
    return /*#__PURE__*/ _react.createElement((0, _sanddanceExplorer.controls).Dialog, {