@kiwicom/smart-faq/lib/StaticFAQ/NoSearchResults.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 _idx = _interopRequireDefault(require("idx"));

var _reactRouterDom = require("react-router-dom");

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _FAQCategoryList = _interopRequireDefault(require("./FAQCategoryList"));

// @flow
var styles = new String("div.title{margin-top:52px;margin-bottom:16px;}ul{margin-left:15px;}ul li{padding-left:10px;margin-left:10px;}div.subtitle{margin-top:70px;}@media only screen and (max-width:901px){div.content{padding-left:30px;}div.subtitle{margin-bottom:10px;}}");
styles.__hash = "24431001";
styles.__scoped = "div.title.jsx-1704967448{margin-top:52px;margin-bottom:16px;}ul.jsx-1704967448{margin-left:15px;}ul.jsx-1704967448 li.jsx-1704967448{padding-left:10px;margin-left:10px;}div.subtitle.jsx-1704967448{margin-top:70px;}@media only screen and (max-width:901px){div.content.jsx-1704967448{padding-left:30px;}div.subtitle.jsx-1704967448{margin-bottom:10px;}}";
styles.__scopedHash = "1704967448";
/*:: type Props = {
  match: {
    params: {
      categoryId: ?string,
      [key: string]: ?string,
    },
    isExact: boolean,
    path: string,
    url: string,
  },
};*/

var NoSearchResults = function NoSearchResults(props
/*: Props*/
) {
  var categoryId = (0, _idx.default)(props.match, function (_) {
    return _.params.categoryId;
  }) || null;
  return React.createElement(React.Fragment, null, !categoryId && React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "content"
  }, React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "title"
  }, React.createElement(_Heading.default, {
    type: "title3"
  }, "Your search didn't match any of our articles.")), React.createElement("ul", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, "Try alternative spellings")), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, "Try fewer words (e.g. infant)")), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, "Try different keywords")), React.createElement("li", {
    className: "jsx-".concat(styles.__scopedHash)
  }, React.createElement(_Text.default, null, "Try a more general search"))), React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
  }, React.createElement(_Text.default, {
    size: "normal",
    weight: "bold"
  }, "Maybe, consider one of the topics below?"))), React.createElement(_FAQCategoryList.default, {
    categoryId: categoryId
  }), React.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

var _default = (0, _reactRouterDom.withRouter)(NoSearchResults);

exports.default = _default;