opds-web-client
Version:
35 lines (34 loc) • 1.6 kB
JavaScript
;
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require("react");
var styles_1 = require("./styles");
var ErrorMessage = (function (_super) {
__extends(ErrorMessage, _super);
function ErrorMessage() {
_super.apply(this, arguments);
}
ErrorMessage.prototype.render = function () {
var errorWidth = Math.max(400, this.maxWordLength() * 5);
var errorStyle = styles_1.popupStyle(errorWidth);
return (React.createElement("div", {className: "error", style: errorStyle}, React.createElement("h1", {style: { marginTop: "0px" }}, "Error"), React.createElement("div", {className: "errorMessage"}, this.props.message), React.createElement("br", null), React.createElement("button", {className: "retryButton btn btn-default", style: { fontSize: "1.2em" }, onClick: this.props.retry}, "Try again")));
};
ErrorMessage.prototype.maxWordLength = function () {
if (typeof this.props.message !== "string") {
return 0;
}
var words = this.props.message.split("/\s/");
if (words.length > 0) {
return words.sort(function (word) { return -word.length; })[0].length;
}
else {
return 0;
}
};
return ErrorMessage;
}(React.Component));
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = ErrorMessage;