@twreporter/react-article-components 2.5.2-rc.0 → 2.5.2-rc.2

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.
@@ -102,7 +102,10 @@ var Embedded = function Embedded(_ref) {
102
102
  navigate.push(topicHref);
103
103
  };
104
104
  var handleIsLoaded = function handleIsLoaded() {
105
- setIsLoading(false);
105
+ // add timeout before hidding loading to prevent flashing
106
+ window.setTimeout(function () {
107
+ return setIsLoading(false);
108
+ }, 500);
106
109
  };
107
110
  (0, _react.useEffect)(function () {
108
111
  if (embedded.length > 0) {
@@ -124,10 +127,15 @@ var Embedded = function Embedded(_ref) {
124
127
  });
125
128
  }
126
129
  }, []);
130
+ (0, _react.useEffect)(function () {
131
+ window.addEventListener('load', handleIsLoaded, true);
132
+ return function () {
133
+ return window.removeEventListener('load', handleIsLoaded, true);
134
+ };
135
+ }, []);
127
136
  return /*#__PURE__*/_react["default"].createElement("div", null, isLoading ? /*#__PURE__*/_react["default"].createElement(LoaderContainer, null, /*#__PURE__*/_react["default"].createElement(Loader, null)) : null, embeddedCode ? /*#__PURE__*/_react["default"].createElement(EmbeddedBlock, null, /*#__PURE__*/_react["default"].createElement(_embeddedCode["default"], {
128
137
  data: embeddedCode,
129
- showCaption: !captionText,
130
- handleIsLoaded: handleIsLoaded
138
+ showCaption: !captionText
131
139
  })) : null, /*#__PURE__*/_react["default"].createElement(ContentBlock, null, /*#__PURE__*/_react["default"].createElement(TitleBlock, null, isTopicPublished && shortTitle ? /*#__PURE__*/_react["default"].createElement(TopicTitle, {
132
140
  onClick: onTopicClick
133
141
  }, /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-article-components",
3
- "version": "2.5.2-rc.0",
3
+ "version": "2.5.2-rc.2",
4
4
  "description": "The Reporter react article components, which are used in article page",
5
5
  "main": "lib/components/article-page.js",
6
6
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -41,5 +41,5 @@
41
41
  "files": [
42
42
  "lib"
43
43
  ],
44
- "gitHead": "fc644a034c34f7501acc669bcffc389e2c40ec69"
44
+ "gitHead": "69bd51424296bdbbd56e11d9dc37daa9533d6ecc"
45
45
  }