REFACTORING: ScriptEditor (#560)

src/ScriptEditor/ui/NoOpenScripts.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+import Typography from "@mui/material/Typography";
+
+import { Settings } from "../../Settings/Settings";
+
+export function NoOpenScripts() {
+  return (
+    <div
+      style={{
+        display: "flex",
+        height: "100%",
+        width: "100%",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <span style={{ color: Settings.theme.primary, fontSize: "20px", textAlign: "center" }}>
+        <Typography variant="h4">No open files</Typography>
+        <Typography variant="h5">
+          Use <code>nano FILENAME</code> in
+          <br />
+          the terminal to open files
+        </Typography>
+      </span>
+    </div>
+  );
+}