axe-web-public/block-dev-tool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update PreviewOptionImage on DataOptions changed.

Browse Source
This commit is contained in:
Roman Axelrod
2022-10-17 13:07:28 +03:00
parent 86602b0ab8
commit fe95eb0ef3
4 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/scripts/toolbar/data-options/DataOptions.jsx
+4 -4
View File
@@ -82,11 +82,11 @@ function DataOptions(props = {}) {
}
async function changeDataOption(e) {
const optionName = e.target.value;
props.rootAttributes.previewFrame.src = window.devTool.previewFrameUrl + '?data=' + optionName;
const dataName = e.target.value;
props.rootAttributes.previewFrame.src = window.devTool.previewFrameUrl + '?data=' + dataName;
const dataOption = await fetchDataOptions(optionName);
updateState({data: dataOption.data, dataName: optionName})
const dataOption = await fetchDataOptions(dataName);
updateState(Object.assign({}, dataOption, {dataName}));
}
async function fetchDataOptions(name = 'default') {
layouts/scripts/toolbar/data-options/DesignPreview.jsx
+6 -1
View File
@@ -37,9 +37,14 @@ export function DesignPreview({previewOption = {widthDimension: 0}}) {
}, [keyDownHandler]);
useEffect(() => {
updatePosition({x: getInitialXPosition(previewOption)});
updatePosition({x: getInitialXPosition(previewOption), y: 0});
}, [previewOption.widthDimension])
useEffect(() => {
setActive(false);
}, [previewOption.dataSource])
if (!previewOption) {
return;
}