diff --git a/src/ui/units/editor/components/Preview/Preview.js b/src/ui/units/editor/components/Preview/Preview.js index 6e75dec6be..b76d88f541 100644 --- a/src/ui/units/editor/components/Preview/Preview.js +++ b/src/ui/units/editor/components/Preview/Preview.js @@ -2,6 +2,7 @@ import React from 'react'; import block from 'bem-cn-lite'; import PropTypes from 'prop-types'; +import {useDispatch} from 'react-redux'; import {useLocation} from 'react-router-dom'; import {MenuType} from 'ui/libs/DatalensChartkit/menu/constants'; @@ -9,6 +10,7 @@ import {ChartWrapper} from '../../../../components/Widgets/Chart/ChartWidgetWith import {URL_QUERY} from '../../../../constants'; import Utils, {UrlSearch} from '../../../../utils'; import {Status} from '../../constants/common'; +import {drawPreview} from '../../store/actions'; import './Preview.scss'; @@ -74,12 +76,19 @@ function PreviewWrap(props) { }, [search]); const {actionParamsEnabled} = Utils.getOptionsFromSearch(search); + const dispatch = useDispatch(); + React.useEffect(() => { if (widgetRef.current && typeof widgetRef.current.reflow === 'function') { widgetRef.current.reflow(); } }, [paneSize]); + React.useEffect(() => { + dispatch(drawPreview()); + // dependance from chartData?.id for loading chart preview after opening other chart from navigation + }, [chartData?.id]); + if (chartData === null) { return null; }