diff --git a/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js b/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js index 13c5d14e6..ee5f1fcf6 100644 --- 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 index bbea8f6f3..fb66116fb 100644 --- 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 index db2640401..31ccc135c 100644 --- a/src/features/liquidity/LiquidityPage.js +++ b/src/features/liquidity/LiquidityPage.js @@ -31,7 +31,7 @@ export default function LiquidityPage() { color="success" /> - + {/* */} );