From a8d6756f5e2bd185459de9235d6439a123faf610 Mon Sep 17 00:00:00 2001
From: Nilay Majorwar <nilaymajorwar@gmail.com>
Date: Fri, 18 Feb 2022 21:17:35 +0530
Subject: [PATCH] Persist user's adjustments to the mosaic layout

---
 ui/MainLayout.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/ui/MainLayout.tsx b/ui/MainLayout.tsx
index 4cbec75..ddefdae 100644
--- a/ui/MainLayout.tsx
+++ b/ui/MainLayout.tsx
@@ -13,6 +13,24 @@ const WindowTitles = {
   output: "Execution Output",
 };
 
+/**
+ * Default layout of the mosaic. This must be defined outside of
+ * the React component to persist layout adjustments by the user.
+ */
+const INITIAL_LAYOUT: MosaicNode<WINDOW_ID> = {
+  direction: "row",
+  first: "editor",
+  second: {
+    direction: "column",
+    first: "renderer",
+    second: {
+      direction: "row",
+      first: "input",
+      second: "output",
+    },
+  },
+};
+
 type Props = {
   langId: string;
   langName: string;
@@ -34,20 +52,6 @@ export const MainLayout = (props: Props) => {
     output: props.renderOutput,
   };
 
-  const INITIAL_LAYOUT: MosaicNode<WINDOW_ID> = {
-    direction: "row",
-    first: "editor",
-    second: {
-      direction: "column",
-      first: "renderer",
-      second: {
-        direction: "row",
-        first: "input",
-        second: "output",
-      },
-    },
-  };
-
   return (
     <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
       <Header