Update EditorCanvasHostInline.tsx

mui · Feb 8, 2024 · 858cee8 · 858cee8
1 parent 74ec2ba
commit 858cee8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/EditorCanvasHostInline.tsx b/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/EditorCanvasHostInline.tsx
@@ -9,11 +9,12 @@ import { Emitter } from '@mui/toolpad-utils/events';
 import { update } from '@mui/toolpad-utils/immutability';
 import { throttle } from 'lodash-es';
 import invariant from 'invariant';
+import * as appDom from '@mui/toolpad-core/appDom';
 import { createCommands, type ToolpadBridge } from '../../../canvas/ToolpadBridge';
 import { useProject } from '../../../project';
 import { RuntimeState } from '../../../runtime';
 import { AppHost, AppHostContext } from '../../../runtime/AppHostContext';
-import ToolpadApp from '../../../runtime/ToolpadApp';
+import ToolpadApp, { RenderedPage } from '../../../runtime/ToolpadApp';
 import { CanvasHooks, CanvasHooksContext } from '../../../runtime/CanvasHooksContext';
 import { rectContainsPoint } from '../../../utils/geometry';
 import { queryClient } from '../../../runtime/api';
@@ -43,6 +44,7 @@ function Overlay(props: OverlayProps) {
 
 export interface EditorCanvasHostProps {
   className?: string;
+  pageName: string;
   runtimeState: RuntimeState;
   savedNodes: NodeHashes;
   overlay?: React.ReactNode;
@@ -69,6 +71,7 @@ const appHost: AppHost = {
 };
 
 export default function EditorCanvasHost({
+  pageName,
   className,
   runtimeState,
   base,
@@ -207,18 +210,21 @@ export default function EditorCanvasHost({
     [],
   );
 
+  const page = appDom.getPageByName(runtimeState.dom, pageName);
+
   return (
     <CanvasRoot className={className}>
       <CanvasFrame
         name="data-toolpad-canvas"
         srcDoc={`<!DOCTYPE html><div id="root"></div>`}
         onLoad={handleIframeLoad}
       />
-      {portal
+      {page && portal
         ? ReactDOM.createPortal(
             <Overlay container={portal}>
               <CanvasHooksContext.Provider value={canvasHooks}>
                 <AppHostContext.Provider value={appHost}>
+                  {/* <RenderedPage page={page} /> */}
                   <Routes>
                     <Route
                       path="/app/*"