add scope's width and height in debug mode (#237)

codepod-io · Apr 22, 2023 · 4659b5a · 4659b5a
1 parent d5c8361
commit 4659b5a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ui/src/components/nodes/Scope.tsx b/ui/src/components/nodes/Scope.tsx
@@ -143,6 +143,8 @@ export const ScopeNode = memo<NodeProps>(function ScopeNode({
   // const selected = useStore(store, (state) => state.pods[id]?.selected);
   const isGuest = useStore(store, (state) => state.role === "GUEST");
   const inputRef = useRef<HTMLInputElement>(null);
+  const getPod = useStore(store, (state) => state.getPod);
+  const pod = getPod(id);
 
   const devMode = useStore(store, (state) => state.devMode);
   const isCutting = useStore(store, (state) => state.cuttingIds.has(id));
@@ -223,7 +225,8 @@ export const ScopeNode = memo<NodeProps>(function ScopeNode({
             }}
             className="nodrag"
           >
-            {id} at ({xPos}, {yPos}), level: {data.level}
+            {id} at ({xPos}, {yPos}), w: {pod.width}, h: {pod.height} level:{" "}
+            {data.level}
           </Box>
         )}
         <Grid container spacing={2} sx={{ alignItems: "center" }}>