diff --git a/package.json b/package.json index eb57a89f..0e1c87b6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@netdata/dashboard", - "version": "2.26.6", + "version": "2.26.7", "homepage": ".", "main": "./lib/src/index-npm.js", "files": [ diff --git a/src/domains/dashboard/components/virtualized/list.js b/src/domains/dashboard/components/virtualized/list.js index aa64c137..78ae35ff 100644 --- a/src/domains/dashboard/components/virtualized/list.js +++ b/src/domains/dashboard/components/virtualized/list.js @@ -39,7 +39,13 @@ const makeThrottleScroll = () => onActiveSubMenuId(subMenuId) }) -const List = ({ onActiveMenuGroupId, onActiveSubMenuId, getComponent }) => { +const List = ({ + onActiveMenuGroupId, + onActiveSubMenuId, + getComponent, + dashboardOptions = { firstMenuGroup: true, onboarding: true }, +}) => { + const { firstMenuGroup, onboarding } = dashboardOptions const container = useContainer() const ids = useMenuGroupIds() @@ -49,30 +55,37 @@ const List = ({ onActiveMenuGroupId, onActiveSubMenuId, getComponent }) => { const widthRef = useRef(0) const rowRenderMeasurer = useMemo( - () => ({ index, parent, key, style, isScrolling, isVisible }) => { - const id = ids[index] - return ( - - {({ measure }) => { - measures.current[id] = measure - const Component = getComponent(id, index) - - return ( - - - - ) - }} - - ) - }, + () => + ({ index, parent, key, style, isScrolling, isVisible }) => { + const id = ids[index] + return ( + + {({ measure }) => { + measures.current[id] = measure + const hasFirstMenuGroup = index === 0 && firstMenuGroup + const Component = getComponent(id, hasFirstMenuGroup) + + return ( + + + + ) + }} + + ) + }, [ids.length] )