From 8394f8e81f3aa2451ca99f4db68efe751fb1533a Mon Sep 17 00:00:00 2001
From: Tibor Postek <tibor.postek@m2ms.sk>
Date: Tue, 25 Feb 2020 10:40:19 +0100
Subject: [PATCH] #107 add not completed loading images of compounds

---
 .../preview/compounds/compoundList.js         | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/js/components/preview/compounds/compoundList.js b/js/components/preview/compounds/compoundList.js
index ba3b51ee6..46db7798c 100644
--- a/js/components/preview/compounds/compoundList.js
+++ b/js/components/preview/compounds/compoundList.js
@@ -53,7 +53,17 @@ export const CompoundList = memo(({ height }) => {
   const currentCompounds = useSelector(state => state.previewReducers.compounds.currentCompounds);
   const compoundsListOffset = useSelector(state => getCompoundListOffset(state));
 
-  console.log(compoundsListOffset);
+  console.log(
+    to_query,
+    compoundClasses,
+    currentCompoundClass,
+    totalCountOfMolecules,
+    compoundsListOffset,
+    canLoadMoreCompounds,
+    querying,
+    currentVector,
+    currentCompounds
+  );
 
   Object.keys(compoundsColors).forEach(item => {
     if (!!document.getElementById(item)) {
@@ -99,7 +109,13 @@ export const CompoundList = memo(({ height }) => {
                   pageStart={0}
                   loadMore={() => dispatch(loadNextPageOfCompounds())}
                   hasMore={canLoadMoreCompounds}
-                  loader={<div className="loader" key={`loader_${0}`} />}
+                  loader={
+                    <div className="loader" key={`loader_${0}`}>
+                      <div className={classes.paddingProgress}>
+                        <CircularProgress />
+                      </div>
+                    </div>
+                  }
                   useWindow={false}
                 >
                   {currentCompounds