ecomlab-components-next 0.1.68 → 0.1.70

package/dist/components/Article/ArticleViewV2/ArticleViewV2.js

@@ -14,6 +14,7 @@ var _view_icon = _interopRequireDefault(require("./img/view_icon.svg"));
 var _calendar_icon = _interopRequireDefault(require("./img/calendar_icon.svg"));
 var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
 var _reactSpinners = require("react-spinners");
+var _ShortTileArticleBox = _interopRequireDefault(require("../../ArticleElements/ShortTileArticleBox/ShortTileArticleBox"));
 var _ListOfContent = _interopRequireDefault(require("../ListOfContent/ListOfContent"));
 var _material = require("@mui/material");
 var _fetchUrls = require("../../../common/fetchUrls");
@@ -24,6 +25,7 @@ require("./ArticleViewV2.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -125,6 +127,10 @@ var ArticleViewV2 = function ArticleViewV2(_ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     isViewMode = _useState16[0],
     setIsViewMode = _useState16[1];
+  var _useState17 = (0, _react.useState)([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    listPreview = _useState18[0],
+    setListPreview = _useState18[1];
   var componentRefs = [];
   var onSetTitle = function onSetTitle(value) {
     var url = "".concat(_fetchUrls.RavshanHttps, "/api/v2/article/set_name");
@@ -671,6 +677,48 @@ var ArticleViewV2 = function ArticleViewV2(_ref) {
   (0, _react.useEffect)(function () {
     window.scrollTo(0, 0);
   }, []);
+
+  // Получение превью статей (блок с рекомендациями)
+  var fetchGetPreview = function fetchGetPreview(article_id) {
+    var url = "https://apps0.ecomru.ru:4447/api/v2/article/preview/".concat(article_id);
+    fetch(url, {
+      method: 'GET',
+      headers: _headers["default"]
+    }).then(/*#__PURE__*/function () {
+      var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(res) {
+        var err;
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              if (!res.ok) {
+                _context11.next = 4;
+                break;
+              }
+              return _context11.abrupt("return", res.json());
+            case 4:
+              _context11.next = 6;
+              return res.json();
+            case 6:
+              err = _context11.sent;
+              throw new Error(JSON.stringify(err));
+            case 8:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11);
+      }));
+      return function (_x13) {
+        return _ref14.apply(this, arguments);
+      };
+    }()).then(function (json) {
+      setListPreview(json);
+    })["catch"](function (err) {
+      return console.error(err);
+    });
+  };
+  (0, _react.useEffect)(function () {
+    fetchGetPreview(articleId);
+  }, [articleId]);
   var user_name = localStorage.getItem('client_name');
   var user_email = localStorage.getItem('email');
   var curr_author = user_name ? user_name : user_email;
@@ -781,6 +829,43 @@ var ArticleViewV2 = function ArticleViewV2(_ref) {
     setListLinks: setListLinks,
     fetchDataById: fetchDataById,
     activeLang: activeLang
-  })))));
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "article-view__this-will-be-interesting"
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "article-view__this-will-be-interesting-title"
+  }, translateRecommendations()), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "article-view__this-will-be-interesting-content"
+  }, listPreview === null || listPreview === void 0 ? void 0 : listPreview.map(function (el) {
+    var _el$cpu, _el$cpu2;
+    // return
+    // <div href={'/wiki/ru' + el?.cpu?.[1]}
+    //     onClick={() => {
+    //         const path = ('/wiki/ru' + el?.cpu?.[1])
+    //         navigate(path, { replace: true })
+    //     }}
+    // >
+    return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({}, el, {
+      id: el.id,
+      name: el === null || el === void 0 || (_el$cpu = el.cpu) === null || _el$cpu === void 0 ? void 0 : _el$cpu[0],
+      cpu: el === null || el === void 0 || (_el$cpu2 = el.cpu) === null || _el$cpu2 === void 0 ? void 0 : _el$cpu2[1],
+      views: el === null || el === void 0 ? void 0 : el.clicks,
+      timeToRead: el === null || el === void 0 ? void 0 : el.reading_time_min,
+      photoPreview: el === null || el === void 0 ? void 0 : el.photo
+      // date={new Date(el?.date)}
+      ,
+      activeLang: activeLang,
+      fromArticle: true,
+      wiki: true,
+      pathArticles: "/".concat(activeLang),
+      pathBread: pathBread
+      // stopRedirect={false}
+      // onLinkClick={() => {
+      //     const path = ('/wiki/ru' + el?.cpu?.[1])
+      //     navigate(path)
+      //     window.location.reload()
+      // }}
+    }));
+    // </div>
+  }))));
 };
 var _default = exports["default"] = ArticleViewV2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [