Merge pull request #85 from wepiggy-dev/master

fix carousel bug
yfii · Nov 5, 2020 · e51e81d · e51e81d
2 parents d03de47 + 614244b
commit e51e81d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 13 deletions.
diff --git a/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js b/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js
@@ -3,6 +3,7 @@ const customCarouselStyle = {
     borderRadius: "6px",
     overflow: "hidden",
     backgroundColor: "#42475A",
+    marginBottom: "30px",
   },
   slider: {
     width: "100%",

diff --git a/src/components/CustomCarousel/CustomCarousel.js b/src/components/CustomCarousel/CustomCarousel.js
@@ -34,25 +34,22 @@ function useResize() {
     left: 0,
   });
 
-  React.useEffect(() => {
-    // console.log('Mount');
-    return () => {
-      // console.log('unMount');
-      const uninstall = reSizer.current.uninstall;
-      if (uninstall && refDom.current) {
-        uninstall(refDom.current);
+  React.useEffect(
+    () => () => {
+      if (reSizer.current && reSizer.current.uninstall && refDom.current) {
+        reSizer.current.uninstall(refDom.current);
       }
 
       refDom.current = undefined;
       reSizer.current = undefined;
-    };
-  }, []);
+    },
+    []
+  );
 
   const ref = React.useCallback((dom) => {
-    const listenTo = reSizer.current.listenTo;
-    if (dom && listenTo) {
+    if (reSizer.current && reSizer.current.listenTo && !refDom.current && dom) {
       refDom.current = dom;
-      listenTo(refDom.current, (element) =>
+      reSizer.current.listenTo(refDom.current, (element) =>
         setRect(element.getBoundingClientRect())
       );
     }

diff --git a/src/features/liquidity/LiquidityPage.js b/src/features/liquidity/LiquidityPage.js
@@ -31,7 +31,7 @@ export default function LiquidityPage() {
         color="success"
       />
       <CustomCarousel />
-      <SectionTitle />
+      {/* <SectionTitle /> */}
       <SectionPools />
     </>
   );