StatsHouse UI: fix embed resize (#2057)

Author: vauweb

statshouse-ui/src/hooks/useEmbedMessage.ts

@@ -11,7 +11,7 @@ export function useEmbedMessage(refPage: Element | null, embed?: boolean) {
   const [{ width, height }] = useRectObserver(refPage, true, embed, false);
   useEffect(() => {
     if (embed) {
-      window.top?.postMessage({ source: 'statshouse', payload: { width, height } }, '*');
+      window.top?.postMessage({ source: 'statshouse', name: window.name, payload: { width, height } }, '*');
     }
   }, [embed, height, width]);
 }

statshouse-ui/src/view2/ViewPage.tsx

@@ -38,10 +38,10 @@ export function ViewPage() {
     );
   }
   return (
-    <div ref={setRefPage} className="d-flex flex-column flex-md-row dashLayout w-100">
+    <div className="d-flex flex-column flex-md-row dashLayout w-100">
       <div className="flex-grow-1">
         {tvModeEnable && <TvModePanel className="position-fixed z-1000 top-0 end-0 pt-1 pe-1" />}
-        <div className="position-relative">
+        <div ref={setRefPage} className="position-relative">
           <Dashboard />
           {isPlot && <PlotLayout className="py-3" plotKey={tabNum} isEmbed={isEmbed} />}
         </div>