@iobroker/adapter-react-v5 3.0.11 → 3.0.12

package/Components/FileBrowser.js

@@ -109,12 +109,12 @@ var _Brightness = _interopRequireDefault(require("@mui/icons-material/Brightness
 
 var _IconExpert = _interopRequireDefault(require("../icons/IconExpert"));
 
-var _no_icon = _interopRequireDefault(require("../assets/no_icon.svg"));
-
 var _IconClosed = _interopRequireDefault(require("../icons/IconClosed"));
 
 var _IconOpen = _interopRequireDefault(require("../icons/IconOpen"));
 
+var _IconNoIcon = _interopRequireDefault(require("../icons/IconNoIcon"));
+
 var _withWidth = _interopRequireDefault(require("./withWidth"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -585,7 +585,8 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       backgroundImage: _backgroundImage,
       queueLength: 0,
       loadAllFolders: false,
-      allFoldersLoaded: false
+      allFoldersLoaded: false,
+      fileErrors: []
     };
     _this.imagePrefix = _this.props.imagePrefix || './files/';
     _this.levelPadding = _this.props.levelPadding || 20;
@@ -1267,10 +1268,20 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           width: 'calc(100% - ' + padding + 'px)'
         } : {},
         className: _Utils["default"].clsx('browserItem', this.props.classes['item' + this.state.viewType], this.props.classes['itemFile' + this.state.viewType], this.state.selected === item.id && this.props.classes.itemSelected)
-      }, _FileViewer.EXTENSIONS.images.includes(ext) ? /*#__PURE__*/_react["default"].createElement("img", {
+      }, _FileViewer.EXTENSIONS.images.includes(ext) ? this.state.fileErrors.includes(item.id) ? /*#__PURE__*/_react["default"].createElement(_IconNoIcon["default"], {
+        className: _Utils["default"].clsx(this.props.classes['itemImage' + this.state.viewType], this.getClassBackgroundImage())
+      }) : /*#__PURE__*/_react["default"].createElement("img", {
         onError: function onError(e) {
           e.target.onerror = null;
-          e.target.src = _no_icon["default"];
+          var fileErrors = (0, _toConsumableArray2["default"])(_this14.state.fileErrors);
+
+          if (!fileErrors.includes(item.id)) {
+            fileErrors.push(item.id);
+
+            _this14.setState({
+              fileErrors: fileErrors
+            });
+          }
         },
         className: _Utils["default"].clsx(this.props.classes['itemImage' + this.state.viewType], this.getClassBackgroundImage()),
         src: this.imagePrefix + item.id,