Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Fit to view on load rather than using older position

Browse Source
This commit is contained in:
blessedcoolant 2023-07-11 09:44:36 +12:00
parent b9767e9c6e
commit bbdb26511a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
invokeai/frontend/web/src/features/nodes/components/ui/LoadNodesButton.tsx
View File

@ -12,7 +12,7 @@ import { useReactFlow } from 'reactflow';
const LoadNodesButton = () => { const LoadNodesButton = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const { setViewport } = useReactFlow(); const { fitView } = useReactFlow();
const uploadedFileRef = useRef<() => void>(null); const uploadedFileRef = useRef<() => void>(null);
@ -36,10 +36,10 @@ const LoadNodesButton = () => {
} }
if (retrievedNodeTree) { if (retrievedNodeTree) {
const { x = 0, y = 0, zoom = 1 } = retrievedNodeTree.viewport;
dispatch(loadFileNodes(retrievedNodeTree.nodes)); dispatch(loadFileNodes(retrievedNodeTree.nodes));
dispatch(loadFileEdges(retrievedNodeTree.edges)); dispatch(loadFileEdges(retrievedNodeTree.edges));
setViewport({ x, y, zoom }); fitView();
dispatch( dispatch(
addToast( addToast(
makeToast({ title: t('toast.nodesLoaded'), status: 'success' }) makeToast({ title: t('toast.nodesLoaded'), status: 'success' })
@ -56,7 +56,7 @@ const LoadNodesButton = () => {
// Cleanup // Cleanup
uploadedFileRef.current?.(); uploadedFileRef.current?.();
}, },
[setViewport, dispatch, t] [fitView, dispatch, t]
); );
return ( return (
<FileButton <FileButton