From bfa07d005830cbf30f5df896f3457585deaa14be Mon Sep 17 00:00:00 2001
From: Klotske <ilya@mokhov.vg>
Date: Fri, 15 Jul 2022 07:31:02 +0000
Subject: [PATCH] Addexample and fix logic

---
 components/CodeEditor/CodeEditor.tsx        |  5 +++--
 components/CodeEditor/example.cpp.ts        | 17 +++++++++++++++++
 components/FlowEditor/nodes/Logic/Logic.tsx | 11 ++++++++---
 3 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 components/CodeEditor/example.cpp.ts

diff --git a/components/CodeEditor/CodeEditor.tsx b/components/CodeEditor/CodeEditor.tsx
index 850a15e..e32d13a 100644
--- a/components/CodeEditor/CodeEditor.tsx
+++ b/components/CodeEditor/CodeEditor.tsx
@@ -1,12 +1,13 @@
 import Editor from "@monaco-editor/react";
+import example from "./example.cpp";
 
 const CodeEditor = () => {
   return (
     <Editor
-      height="100vh" // тут фигня, у меня кусок белый остается, высоты ему не хватает 
+      height="100vh" // тут фигня, у меня кусок белый остается, высоты ему не хватает
       defaultLanguage="cpp"
       theme="vs-dark"
-      defaultValue="// some comment"
+      defaultValue={example.value}
       options={{
         minimap: {
           enabled: false,
diff --git a/components/CodeEditor/example.cpp.ts b/components/CodeEditor/example.cpp.ts
new file mode 100644
index 0000000..f54d26d
--- /dev/null
+++ b/components/CodeEditor/example.cpp.ts
@@ -0,0 +1,17 @@
+const example = {
+  value: `void setup() {
+  pinMode(D0, OUTPUT);
+}
+  
+void loop() {
+  digitalWrite(D0, LOW);
+
+  delay(1000);
+
+  digitalWrite(D0, HIGH);
+
+  delay(2000);
+}`,
+};
+
+export default example;
diff --git a/components/FlowEditor/nodes/Logic/Logic.tsx b/components/FlowEditor/nodes/Logic/Logic.tsx
index bd4d7dc..5b4b21b 100644
--- a/components/FlowEditor/nodes/Logic/Logic.tsx
+++ b/components/FlowEditor/nodes/Logic/Logic.tsx
@@ -29,7 +29,7 @@ const FinishNodeComponent = () => {
     <Draggable data={{ type: "finish" }}>
       <div className="node-component">
         <div className={`node-component-handle ${groupColor}`} />
-        Конец программы
+        Конец
       </div>
     </Draggable>
   );
@@ -40,10 +40,15 @@ const StartNodeComponent = () => {
     <Draggable data={{ type: "start" }}>
       <div className="node-component">
         <div className={`node-component-handle ${groupColor}`} />
-        Начало программы
+        Начало
       </div>
     </Draggable>
   );
 };
 
-export { StartNodeComponent, FinishNodeComponent, DelayNodeComponent, MathNodeComponent };
+export {
+  StartNodeComponent,
+  FinishNodeComponent,
+  DelayNodeComponent,
+  MathNodeComponent,
+};