@kiwicom/smart-faq/lib/StaticFAQ/ArticleFeedback/ScreenError.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _Alert = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Alert"));

var _icons = require("@kiwicom/orbit-components/lib/icons");

var _screenList = _interopRequireDefault(require("./screenList"));

var _common = require("../../common");

// @flow
var style = new String("div.feedbackMessage{padding:32px 24px;}div.closeIcon{position:absolute;top:8px;right:8px;cursor:pointer;}");
style.__hash = "4268626143";
style.__scoped = "div.feedbackMessage.jsx-618653150{padding:32px 24px;}div.closeIcon.jsx-618653150{position:absolute;top:8px;right:8px;cursor:pointer;}";
style.__scopedHash = "618653150";

var ScreenError = function ScreenError(_ref) {
  var changeScreen = _ref.changeScreen,
      commentLimitReached = _ref.commentLimitReached;
  var warningMessage = commentLimitReached ? "You've reached the daily maximum number of comments. We'll review your notes and adjust the article if necessary. Thank you." : "Sorry, we didn't receive your feedback. Please refresh the page or try again later.";
  return React.createElement(_common.Box, {
    border: "none",
    borderRadius: "4px",
    backgroundColor: "#f5f7f9"
  }, React.createElement("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "feedbackMessage"
  }, React.createElement("div", {
    onClick: function onClick() {
      return changeScreen(_screenList.default.VOTING);
    },
    onKeyUp: null,
    tabIndex: "-1",
    role: "button",
    className: "jsx-".concat(style.__scopedHash) + " " + "closeIcon"
  }, React.createElement(_icons.Close, {
    customColor: "#bac7d5",
    size: "small"
  })), React.createElement(_Alert.default, {
    type: "warning",
    icon: commentLimitReached ? false : true
  }, warningMessage), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  })));
};

var _default = ScreenError;
exports.default = _default;