fix scrolling

Author: filip mertens

libs/remix-ui/vertical-icons-panel/src/lib/reducers/verticalScrollReducer.ts

@@ -9,6 +9,8 @@ export function verticalScrollReducer (prevState: any, actionPayload: actionType
     const { scrollHeight, clientHeight } = actionPayload.payload
     let { scrollState } = actionPayload.payload
     if (scrollHeight > clientHeight) scrollState = true
+    console.log(scrollHeight, clientHeight)
+    console.log(scrollState)
     return { scrollHeight, clientHeight, scrollState }
   }
   return prevState

libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx

@@ -30,22 +30,32 @@ const RemixUiVerticalIconsPanel = ({
   const iconPanelRef = useRef<any>()
   const [activateScroll, dispatchScrollAction] = useReducer(verticalScrollReducer, initialState)
   const [theme, setTheme] = useState<string>('dark')
+
+
+
+  const evaluateScrollability = () => {
+    dispatchScrollAction({
+      type: 'resize',
+      payload: {
+        scrollHeight: scrollableRef.current?.scrollHeight,
+        clientHeight: scrollableRef.current?.clientHeight,
+        scrollState: false
+      }
+    })
+  }
+  
   useEffect(() => {
-    const evaluateScrollability = (evt: any) => {
-      dispatchScrollAction({
-        type: 'resize',
-        payload: {
-          scrollHeight: scrollableRef.current?.scrollHeight,
-          clientHeight: scrollableRef.current?.clientHeight,
-          scrollState: false
-        }
-      })
-    }
-    addEventListener('resize', evaluateScrollability)
+    window.addEventListener('resize', evaluateScrollability)
+    evaluateScrollability()
     return () => {
-      removeEventListener('resize', evaluateScrollability)
+      window.removeEventListener('resize', evaluateScrollability)
     }
-  })
+  }, [])
+
+  useEffect(() => {
+    evaluateScrollability()
+  },[icons, theme])
+
   useEffect(() => {
     verticalIconsPlugin.call('theme', 'currentTheme').then((th: any) => {
       setTheme(th.quality)