@risecx/carespace-chat-ui/es/components/Favorites/FavoriteEmptyMessage.js

carespace-chat-ui React component

import React, { Fragment } from 'react';

var FavoriteEmptyMessage = function FavoriteEmptyMessage(props) {
  var loading = props.loading,
      favoritesList = props.favoritesList;

  var isEmpty = function isEmpty() {
    return !!!favoritesList.length;
  };

  return !loading && isEmpty() ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: "fav-empty-state"
  }, /*#__PURE__*/React.createElement("svg", {
    width: "167px",
    height: "108px",
    viewBox: "0 0 167 108",
    version: "1.1",
    className: "empty-state-icon"
  }, /*#__PURE__*/React.createElement("g", {
    id: "Page-1",
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("g", {
    id: "EmptyInbox",
    transform: "translate(-47.000000, -53.000000)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M176,135 L93,135 C89.1340068,135 86,131.865993 86,128 C86,124.134007 89.1340068,121 93,121 L54,121 C50.1340068,121 47,117.865993 47,114 C47,110.134007 50.1340068,107 54,107 L94,107 C97.8659932,107 101,103.865993 101,100 C101,96.1340068 97.8659932,93 94,93 L69,93 C65.1340068,93 62,89.8659932 62,86 C62,82.1340068 65.1340068,79 69,79 L109,79 C105.134007,79 102,75.8659932 102,72 C102,68.1340068 105.134007,65 109,65 L207,65 C210.865993,65 214,68.1340068 214,72 C214,75.8659932 210.865993,79 207,79 L167,79 C170.865993,79 174,82.1340068 174,86 C174,89.8659932 170.865993,93 167,93 L189,93 C192.865993,93 196,96.1340068 196,100 C196,103.865993 192.865993,107 189,107 L178.826087,107 C173.951574,107 170,110.134007 170,114 C170,116.577329 172,118.910662 176,121 C179.865993,121 183,124.134007 183,128 C183,131.865993 179.865993,135 176,135 Z M207,107 C203.134007,107 200,103.865993 200,100 C200,96.1340068 203.134007,93 207,93 C210.865993,93 214,96.1340068 214,100 C214,103.865993 210.865993,107 207,107 Z",
    id: "Background",
    fill: "#F3F7FF",
    fillRule: "evenodd",
    opacity: "0.248643043"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M129.099609,55 L129.099609,71.7558594 L129.099609,55 Z M103,59.3027344 L114.099609,71.7558594 L103,59.3027344 Z M155.099609,59.3027344 L144,71.7558594 L155.099609,59.3027344 Z",
    id: "lines",
    stroke: "#A4C3FE",
    strokeWidth: "2.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }), /*#__PURE__*/React.createElement("g", {
    id: "Group",
    strokeWidth: "1",
    fillRule: "evenodd",
    transform: "translate(87.000000, 79.000000)"
  }, /*#__PURE__*/React.createElement("polygon", {
    id: "\uE9EA",
    fill: "#D9E2FF",
    fillRule: "nonzero",
    points: "82 31.015625 62 50.546875 66.6875 78.046875 42 65.078125 17.3125 78.046875 22 50.546875 2 31.015625 29.65625 27.03125 42 1.953125 54.34375 27.03125"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M67.6570006,81.5116822 C67.4145429,81.5116822 67.2023956,81.4813755 67.0205519,81.420761 L66.4750253,81.2389187 L42.0172281,67.8735054 L17.5594305,81.2389187 C17.13513,81.4207619 16.7108354,81.5116822 16.2865344,81.5116822 C15.8622335,81.5116822 15.4682456,81.3601484 15.1045591,81.0570763 C14.7408726,80.8146186 14.4681118,80.4812443 14.2862685,80.0569433 C14.1044252,79.6326424 14.0438117,79.2083478 14.1044261,78.7840468 L18.5595639,52.0532202 L0.82993399,34.3235903 C0.526861878,33.9599037 0.314714581,33.5659159 0.193485736,33.1416149 C0.0722568913,32.717314 0.0722568913,32.3233261 0.193485736,31.9596396 C0.375329004,31.5353387 0.617783057,31.1716576 0.920855169,30.8685855 C1.22392728,30.5655134 1.61791512,30.3836728 2.1028305,30.3230584 L28.8336571,25.8679206 L39.926041,3.68315292 C40.1078843,3.25885196 40.3957985,2.94063102 40.7897922,2.72848054 C41.1837859,2.51633006 41.5929272,2.41025641 42.0172281,2.41025641 C42.4415291,2.41025641 42.8506703,2.51633006 43.244664,2.72848054 C43.6386578,2.94063102 43.926572,3.25885196 44.1084152,3.68315292 L55.2007991,25.8679206 L81.9316257,30.3230584 C82.4165411,30.3836728 82.8105289,30.5655134 83.1136011,30.8685855 C83.4166732,31.1716576 83.6591272,31.5353387 83.8409705,31.9596396 C83.9621993,32.3233261 83.9621993,32.717314 83.8409705,33.1416149 C83.7197416,33.5659159 83.5075944,33.9599037 83.2045222,34.3235903 L65.4748923,52.0532202 L69.9300296,78.7840468 C69.9906445,79.2083478 69.9300296,79.6326424 69.7481877,80.0569433 C69.5663445,80.4812443 69.2935837,80.8146186 68.9298971,81.0570763 C68.7480539,81.2389196 68.5510599,81.3601466 68.3389095,81.420761 C68.126759,81.4813755 67.8994583,81.5116822 67.6570006,81.5116822 Z M42.057106,64.7707851 C42.2574366,64.7707851 42.4577662,64.8041732 42.6580978,64.8709504 C42.8584293,64.9377276 43.0587579,65.0045038 43.2590895,65.071281 L66.8980984,77.9926036 L62.5909909,52.3502889 C62.5242137,51.9496257 62.5576018,51.5489685 62.6911562,51.1483054 C62.8247106,50.7476422 63.0250391,50.4137612 63.2921479,50.1466525 L80.3202476,33.1185528 L54.4776022,28.8114452 C54.076939,28.744668 53.70967,28.5944216 53.375784,28.3607014 C53.041898,28.1269812 52.7747933,27.8431824 52.5744617,27.5092964 L42.057106,6.37441982 L31.5397503,27.5092964 C31.3394187,27.8431824 31.072314,28.1269812 30.738428,28.3607014 C30.404542,28.5944216 30.037273,28.744668 29.6366098,28.8114452 L3.79396443,33.1185528 L20.8220641,50.1466525 C21.0891729,50.4137612 21.2895014,50.7476422 21.4230558,51.1483054 C21.5566102,51.5489685 21.5899983,51.9496257 21.5232211,52.3502889 L17.2161136,77.9926036 L40.8551225,65.071281 C41.0554541,65.0045038 41.2557827,64.9377276 41.4561142,64.8709504 C41.6564458,64.8041732 41.8567744,64.7707851 42.057106,64.7707851 Z",
    id: "\uE68D",
    fill: "#75A4FE",
    fillRule: "nonzero"
  }))))), /*#__PURE__*/React.createElement("h3", null, "Your favorites are empty"), /*#__PURE__*/React.createElement("p", null, "Click the star icon to the right of any message to add as a favorite."))) : null;
};

export default FavoriteEmptyMessage;