not broken

NullVoxPopuli · Oct 19, 2024 · 500a3f6 · 500a3f6
1 parent 0b8800a
commit 500a3f6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/apps/repl/app/components/limber/layout/index.gts b/apps/repl/app/components/limber/layout/index.gts
@@ -53,6 +53,13 @@ const containerDirection = (state) => {
   return isHorizontalSplit(state.snapshot);
 };
 
+function updateOrientation(isVertical: boolean) {
+  return {
+    type: 'ORIENTATION',
+    isVertical,
+  };
+}
+
 export const Layout: TOC<{
   Blocks: {
     editor: [];
@@ -67,7 +74,7 @@ export const Layout: TOC<{
 
             But XState is an *evented* system, so we have to send events.
         }}
-        {{effect (fn state.send "ORIENTATION" (hash isVertical=isVertical))}}
+        {{effect (fn state.send (updateOrientation isVertical))}}
 
         <div
           {{! row = left to right, col = top to bottom }}
@@ -79,7 +86,7 @@ export const Layout: TOC<{
             <Controls
               @isMinimized={{state.matches "hasContainer.minimized"}}
               @isMaximized={{state.matches "hasContainer.maximized"}}
-              @needsControls={{toBoolean state.context.container}}
+              @needsControls={{toBoolean state.snapshot.context.container}}
               @splitHorizontally={{horizontallySplit}}
               @send={{state.send}}
             />

diff --git a/apps/repl/app/components/limber/layout/state.ts b/apps/repl/app/components/limber/layout/state.ts
@@ -183,10 +183,10 @@ export const LayoutState = setup({
       target: '.hasContainer',
       actions: assign({
         handle: ({ event }) => event.container.nextElementSibling,
-        container: ({ event }) => event.container.container,
-        observer: ({ event }) => event.container.observer,
-        maximize: ({ event }) => event.container.maximize,
-        minimize: ({ event }) => event.container.minimize,
+        container: ({ event }) => event.container,
+        observer: ({ event }) => event.observer,
+        maximize: ({ event }) => event.maximize,
+        minimize: ({ event }) => event.minimize,
       }),
     },
     CONTAINER_REMOVED: {