From faeab0790a0ee594a01dd796d3eae22ff637e8fb Mon Sep 17 00:00:00 2001
From: anandamarsh <amarsh.anand@gmail.com>
Date: Tue, 19 Sep 2023 17:08:35 -0700
Subject: [PATCH] refactored code editor (#24)

---
 src/view/{code.tsx => code/index.tsx} |  8 ++---
 src/view/code/split.less              | 52 +++++++++++++++++++++++++++
 src/view/split.css                    | 50 --------------------------
 3 files changed, 56 insertions(+), 54 deletions(-)
 rename src/view/{code.tsx => code/index.tsx} (99%)
 create mode 100644 src/view/code/split.less
 delete mode 100644 src/view/split.css

diff --git a/src/view/code.tsx b/src/view/code/index.tsx
similarity index 99%
rename from src/view/code.tsx
rename to src/view/code/index.tsx
index 339cfe18..9212e1d8 100644
--- a/src/view/code.tsx
+++ b/src/view/code/index.tsx
@@ -1,10 +1,10 @@
 import * as React from "react";
-import { RendererContext, RendererOpts, LineStateType, RendererModelContainerApi } from "../types";
+import { RendererContext, RendererOpts, LineStateType, RendererModelContainerApi } from "../../types";
 import Editor from "@monaco-editor/react";
-import { Markdown } from "../elements";
-import { GlobalModel, GlobalCommandRunner } from "../model";
+import { Markdown } from "../../elements";
+import { GlobalModel, GlobalCommandRunner } from "../../model";
 import Split from "react-split-it";
-import "./split.css";
+import "./split.less";
 import loader from "@monaco-editor/loader";
 loader.config({ paths: { vs: "./node_modules/monaco-editor/min/vs" } });
 
diff --git a/src/view/code/split.less b/src/view/code/split.less
new file mode 100644
index 00000000..765da482
--- /dev/null
+++ b/src/view/code/split.less
@@ -0,0 +1,52 @@
+/* example-split.css */
+.code-renderer {
+    .jsoneditor {
+        border: none !important;
+    }
+
+    .split-horizontal {
+        display: flex;
+        width: 100%;
+        height: 100%;
+    }
+    .split-vertical {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .gutter {
+        flex-shrink: 0;
+        flex-grow: 0;
+        background: rgb(100, 100, 100);
+        max-width: 4px;
+    }
+    .gutter-horizontal {
+        cursor: col-resize;
+    }
+    .gutter-vertical {
+        cursor: row-resize;
+    }
+    .gutter:hover {
+        background: rgb(155, 155, 155);
+    }
+    .gutter-dragging:hover {
+        background: rgb(155, 155, 155);
+    }
+
+    .pane {
+        flex-shrink: 1;
+        flex-grow: 1;
+        position: relative;
+        min-width: 20rem;
+    }
+    .pane-dragging {
+        overflow: hidden;
+    }
+
+    .scrollable {
+        height: 100vh;
+        max-height: 100vh;
+        overflow: scroll;
+    }
+}
diff --git a/src/view/split.css b/src/view/split.css
deleted file mode 100644
index 783d1d16..00000000
--- a/src/view/split.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/* example-split.css */
-.jsoneditor {
-    border: none !important;
-}
-
-.split-horizontal {
-    display: flex;
-    width: 100%;
-    height: 100%;
-}
-.split-vertical {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-
-.gutter {
-    flex-shrink: 0;
-    flex-grow: 0;
-    background: rgb(100, 100, 100);
-    max-width: 4px;
-}
-.gutter-horizontal {
-    cursor: col-resize;
-}
-.gutter-vertical {
-    cursor: row-resize;
-}
-.gutter:hover {
-    background: rgb(155, 155, 155);
-}
-.gutter-dragging:hover {
-    background: rgb(155, 155, 155);
-}
-
-.pane {
-    flex-shrink: 1;
-    flex-grow: 1;
-    position: relative;
-    min-width: 20rem;
-}
-.pane-dragging {
-    overflow: hidden;
-}
-
-.scrollable {
-    height: 100vh;
-    max-height: 100vh;
-    overflow: scroll;
-}