Fix the image loader when the thumbnail is a larger image (bioinforma…

…tics-ua#514) Fix the image loader when the thumbnail is a larger image (bioinformatics-ua#514)
fengqiliu · Nov 29, 2021 · 58e3b7c · 58e3b7c
1 parent 7f3799d
commit 58e3b7c
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 12 deletions.
diff --git a/dicoogle/src/main/resources/webapp/js/components/search/result/imageView.js b/dicoogle/src/main/resources/webapp/js/components/search/result/imageView.js
@@ -6,7 +6,7 @@ import { ActionCreators } from "../../../actions/searchActions";
 import ConfirmModal from "./confirmModal";
 import { Endpoints } from "../../../constants/endpoints";
 import { DumpStore } from "../../../stores/dumpStore";
-import ImageLoader from "react-load-image";
+import ImageLoader from "react-imageloader";
 import PluginView from "../../plugin/pluginView";
 import { DumpActions } from "../../../actions/dumpActions";
 import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
@@ -476,6 +476,7 @@ var PopOverImageViewer = createReactClass({
           {url && (
             <ImageLoader
               src={url}
+              imgProps={{ className: 'img-responsive' }}
               style={{ width: "100%" }}
               wrapper={React.DOM.div}
             >

diff --git a/dicoogle/src/main/resources/webapp/js/external-requires.js b/dicoogle/src/main/resources/webapp/js/external-requires.js
@@ -12,8 +12,7 @@ const EXTERNAL_MODULES = {
   "react-bootstrap": require("react-bootstrap"),
   "react-router-bootstrap": require("react-router-bootstrap"),
   "react-bootstrap-table": require("react-bootstrap-table"),
-  "react-load-image": require("react-load-image"),
-  "react-imageloader": require("react-load-image"),
+  "react-imageloader": require("react-imageloader"),
   "react-dom": require("react-dom")
 };
 

diff --git a/dicoogle/src/main/resources/webapp/package-lock.json b/dicoogle/src/main/resources/webapp/package-lock.json
diff --git a/dicoogle/src/main/resources/webapp/package.json b/dicoogle/src/main/resources/webapp/package.json
@@ -58,7 +58,7 @@
     "react-bootstrap-table": "^4.3.1",
     "react-dom": "^15",
     "react-font-awesome": "https://github.com/tkurki/react-font-awesome/tarball/master",
-    "react-load-image": "^0.1.7",
+    "react-imageloader": "^3.0.0",
     "react-router": "^3.2.5",
     "react-router-bootstrap": "^0.20.1",
     "react-select": "^v1.2.0",