minor fixes

Author: kaeizen

src/components/design-library-list/use-auto-scroll.js

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { useRef } from '@wordpress/element'
+import { useRef, useEffect } from '@wordpress/element'
 
 const NOOP = () => {}
 
@@ -96,6 +96,17 @@ export const useAutoScroll = ( hostRef, shadowBodySizeRef, selectedTab ) => {
 		scrollPositionRef.current = -1
 	}
 
+	// Cleanup any pending animation on unmount.
+	useEffect( () => {
+		return () => {
+			if ( animationFrameRef.current ) {
+				cancelAnimationFrame( animationFrameRef.current )
+				animationFrameRef.current = null
+			}
+			scrollPositionRef.current = -1
+		}
+	}, [] )
+
 	const onMouseOver = selectedTab === 'patterns' ? NOOP : onMouseOverImpl
 	const onMouseOut = selectedTab === 'patterns' ? NOOP : onMouseOutImpl
 	const onMouseDown = selectedTab === 'patterns' ? NOOP : onMouseDownImpl

src/components/design-library-list/util.js

@@ -327,6 +327,7 @@ export const getAdditionalStylesForPreview = () => {
 	styles += 'body.preview-pages { overflow-y: hidden; max-height: 1200px; }'
 
 	styles += '::-webkit-scrollbar { width: 0; }'
+	styles += 'body.preview-pages { scrollbar-width: none; -ms-overflow-style: none; }'
 
 	// Make sure count up block numbers are visible
 	styles += `.stk-block-count-up__text:not(.stk--count-up-active) { opacity: 1; }`

src/components/modal-design-library/modal.js

@@ -146,14 +146,6 @@ export const ModalDesignLibrary = props => {
 								value: 'pages',
 								title: __( 'Pages', i18n ),
 							},
-							// {
-							// 	value: 'design-system',
-							// 	title: __( 'Design System', i18n ),
-							// },
-							// {
-							// 	value: 'site-kits',
-							// 	title: __( 'Site Kits', i18n ),
-							// },
 						] }
 						value={ selectedTab }
 						onChange={ setSelectedTab }

src/design-library/index.js

@@ -24,7 +24,7 @@ export const fetchDesignLibrary = async ( forceReset = false, version = '', type
 			path: `/stackable/v2/design_library/${ type }${ forceReset ? '/reset' : '' }`,
 			method: 'GET',
 		} )
-		const designsPerType = await results
+		const designsPerType = results
 
 		designLibrary[ type ] = designsPerType