cozy-search/dist/components/Conversations/Sources/WebSourceItem.js

UI components about search bar and IA assistant

"use strict";

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

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

var _twakeIcons = require("@linagora/twake-icons");

var _react = _interopRequireDefault(require("react"));

var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));

var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));

var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));

var styles = {
  "sourcesItem": "styles__sourcesItem___204Zw"
};

var isHttpUrl = function isHttpUrl(url) {
  return typeof url === 'string' && /^https?:\/\//i.test(url.trim());
};

var WebSourceItem = function WebSourceItem(_ref) {
  var source = _ref.source;
  var url = source.url,
      title = source.title;
  if (!isHttpUrl(url)) return null;
  var displayTitle = title || url;
  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
    className: styles['sourcesItem'],
    component: "a",
    href: url,
    target: "_blank",
    rel: "noopener noreferrer",
    button: true
  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
    icon: _twakeIcons.Globe,
    size: 32,
    color: "var(--primaryColor)"
  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
    primary: displayTitle,
    secondary: url
  }));
};

var _default = WebSourceItem;
exports.default = _default;