ecomlab-components-next 0.1.204 → 0.1.206
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.js +35 -20
- package/dist/components/ConstructorComponents/Tariff/TariffPlan.js +3 -3
- package/dist/components/LoadingPage/LoadingPage.stories.js +9 -1
- package/dist/components/Logo/Logo.stories.js +9 -1
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.getArticleBoxData = exports["default"] = void 0;
|
|
9
9
|
var _image = _interopRequireDefault(require("next/image"));
|
|
10
|
+
var _headers = _interopRequireDefault(require("@/common/headers"));
|
|
10
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
12
|
var _utils = require("../../../common/utils");
|
|
12
13
|
var _ArticlesBlockModule = _interopRequireDefault(require("./ArticlesBlock.module.scss"));
|
|
@@ -104,40 +105,54 @@ var getArticleBoxData = exports.getArticleBoxData = function getArticleBoxData(a
|
|
|
104
105
|
});
|
|
105
106
|
};
|
|
106
107
|
var ArticlesBlock = function ArticlesBlock(_ref) {
|
|
107
|
-
var
|
|
108
|
-
|
|
108
|
+
var _ref$title = _ref.title,
|
|
109
|
+
title = _ref$title === void 0 ? 'Собрали все самое полезное для вас' : _ref$title,
|
|
110
|
+
_ref$limit = _ref.limit,
|
|
111
|
+
limit = _ref$limit === void 0 ? 3 : _ref$limit,
|
|
112
|
+
_ref$token = _ref.token,
|
|
113
|
+
token = _ref$token === void 0 ? 'gAAAAABn5PsfEZESRI7KbIBWelz3iZ7vizxPxzqhgY9INwSilsDX36jUAe2XwGpOWD3PWDIBCiv5ZSpQDwaUipaaKVIhrxM9Bg==' : _ref$token,
|
|
109
114
|
_ref$list = _ref.list,
|
|
110
115
|
list = _ref$list === void 0 ? [] : _ref$list,
|
|
111
|
-
description = _ref.description,
|
|
112
|
-
_ref$className = _ref.className,
|
|
113
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
114
116
|
locale = _ref.locale;
|
|
115
117
|
var _useState = (0, _react.useState)([]),
|
|
116
118
|
_useState2 = _slicedToArray(_useState, 2),
|
|
117
119
|
articles = _useState2[0],
|
|
118
120
|
setArticles = _useState2[1];
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
121
|
+
|
|
122
|
+
// Получение статей
|
|
123
|
+
var fetchGetArticles = function fetchGetArticles() {
|
|
124
|
+
var url = "https://apps0.ecomru.ru:4447/api/v2/article/random?token=".concat(token, "&n=").concat(limit);
|
|
125
|
+
fetch(url, {
|
|
126
|
+
method: 'POST',
|
|
127
|
+
headers: _headers["default"]
|
|
128
|
+
}).then(function (res) {
|
|
129
|
+
return res.json();
|
|
130
|
+
}).then(function (json) {
|
|
131
|
+
console.log(json);
|
|
122
132
|
setArticles(json);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
133
|
+
})["catch"](function (err) {
|
|
134
|
+
return console.error(err);
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
(0, _react.useEffect)(function () {
|
|
138
|
+
fetchGetArticles();
|
|
127
139
|
}, []);
|
|
128
140
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
129
141
|
className: (0, _utils.classes)(_ArticlesBlockModule["default"], 'useful-block')
|
|
130
142
|
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
131
143
|
className: (0, _utils.classes)(_ArticlesBlockModule["default"], 'useful-block__title')
|
|
132
|
-
},
|
|
144
|
+
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
133
145
|
className: (0, _utils.classes)(_ArticlesBlockModule["default"], 'useful-block__content')
|
|
134
|
-
},
|
|
135
|
-
var _articleData$
|
|
136
|
-
return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({
|
|
137
|
-
key: articleData.id
|
|
138
|
-
|
|
139
|
-
cpu: articleData === null || articleData === void 0 || (_articleData$
|
|
146
|
+
}, articles === null || articles === void 0 ? void 0 : articles.map(function (articleData) {
|
|
147
|
+
var _articleData$cpu, _articleData$cpu2;
|
|
148
|
+
return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({}, articleData, {
|
|
149
|
+
key: articleData.id,
|
|
150
|
+
photoPreview: articleData === null || articleData === void 0 ? void 0 : articleData.photo,
|
|
151
|
+
cpu: articleData === null || articleData === void 0 || (_articleData$cpu = articleData.cpu) === null || _articleData$cpu === void 0 ? void 0 : _articleData$cpu[1],
|
|
152
|
+
name: articleData === null || articleData === void 0 || (_articleData$cpu2 = articleData.cpu) === null || _articleData$cpu2 === void 0 ? void 0 : _articleData$cpu2[0],
|
|
153
|
+
views: articleData === null || articleData === void 0 ? void 0 : articleData.reading_time_min,
|
|
154
|
+
timeToRead: articleData === null || articleData === void 0 ? void 0 : articleData.clicks
|
|
140
155
|
}));
|
|
141
|
-
})
|
|
156
|
+
})));
|
|
142
157
|
};
|
|
143
158
|
var _default = exports["default"] = ArticlesBlock;
|
|
@@ -384,17 +384,17 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
384
384
|
}, {
|
|
385
385
|
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "3 \u043C\u0435\u0441\u044F\u0446\u0430 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
386
386
|
className: "discount"
|
|
387
|
-
}, "
|
|
387
|
+
}, "10 %")),
|
|
388
388
|
value: 3
|
|
389
389
|
}, {
|
|
390
390
|
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "6 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
391
391
|
className: "discount"
|
|
392
|
-
}, "
|
|
392
|
+
}, "15 %")),
|
|
393
393
|
value: 6
|
|
394
394
|
}, {
|
|
395
395
|
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "12 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
396
396
|
className: "discount"
|
|
397
|
-
}, "
|
|
397
|
+
}, "20 %")),
|
|
398
398
|
value: 12
|
|
399
399
|
}];
|
|
400
400
|
var _useState11 = (0, _react.useState)(btns === null || btns === void 0 || (_btns$ = btns[0]) === null || _btns$ === void 0 ? void 0 : _btns$.value),
|
|
@@ -3,9 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Default = void 0;
|
|
6
|
+
exports["default"] = exports.Default = void 0;
|
|
7
7
|
var _LoadingPage = _interopRequireDefault(require("./LoadingPage"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
+
var _default = exports["default"] = {
|
|
10
|
+
title: 'Components/LoadingPage',
|
|
11
|
+
component: _LoadingPage["default"],
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: 'centered'
|
|
14
|
+
},
|
|
15
|
+
args: {}
|
|
16
|
+
};
|
|
9
17
|
var Default = exports.Default = {
|
|
10
18
|
render: function render(args) {
|
|
11
19
|
return /*#__PURE__*/React.createElement(_LoadingPage["default"], null);
|
|
@@ -3,9 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Default = void 0;
|
|
6
|
+
exports["default"] = exports.Default = void 0;
|
|
7
7
|
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
+
var _default = exports["default"] = {
|
|
10
|
+
title: 'Components/ LogoBox',
|
|
11
|
+
component: _Logo["default"],
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: 'centered'
|
|
14
|
+
},
|
|
15
|
+
args: {}
|
|
16
|
+
};
|
|
9
17
|
var Default = exports.Default = {
|
|
10
18
|
render: function render(args) {
|
|
11
19
|
return /*#__PURE__*/React.createElement(_Logo["default"], null);
|