Addexample and fix logic
parent
789ebe1133
commit
bfa07d0058
|
|
@ -1,4 +1,5 @@
|
||||||
import Editor from "@monaco-editor/react";
|
import Editor from "@monaco-editor/react";
|
||||||
|
import example from "./example.cpp";
|
||||||
|
|
||||||
const CodeEditor = () => {
|
const CodeEditor = () => {
|
||||||
return (
|
return (
|
||||||
|
|
@ -6,7 +7,7 @@ const CodeEditor = () => {
|
||||||
height="100vh" // тут фигня, у меня кусок белый остается, высоты ему не хватает
|
height="100vh" // тут фигня, у меня кусок белый остается, высоты ему не хватает
|
||||||
defaultLanguage="cpp"
|
defaultLanguage="cpp"
|
||||||
theme="vs-dark"
|
theme="vs-dark"
|
||||||
defaultValue="// some comment"
|
defaultValue={example.value}
|
||||||
options={{
|
options={{
|
||||||
minimap: {
|
minimap: {
|
||||||
enabled: false,
|
enabled: false,
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
@ -29,7 +29,7 @@ const FinishNodeComponent = () => {
|
||||||
<Draggable data={{ type: "finish" }}>
|
<Draggable data={{ type: "finish" }}>
|
||||||
<div className="node-component">
|
<div className="node-component">
|
||||||
<div className={`node-component-handle ${groupColor}`} />
|
<div className={`node-component-handle ${groupColor}`} />
|
||||||
Конец программы
|
Конец
|
||||||
</div>
|
</div>
|
||||||
</Draggable>
|
</Draggable>
|
||||||
);
|
);
|
||||||
|
|
@ -40,10 +40,15 @@ const StartNodeComponent = () => {
|
||||||
<Draggable data={{ type: "start" }}>
|
<Draggable data={{ type: "start" }}>
|
||||||
<div className="node-component">
|
<div className="node-component">
|
||||||
<div className={`node-component-handle ${groupColor}`} />
|
<div className={`node-component-handle ${groupColor}`} />
|
||||||
Начало программы
|
Начало
|
||||||
</div>
|
</div>
|
||||||
</Draggable>
|
</Draggable>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export { StartNodeComponent, FinishNodeComponent, DelayNodeComponent, MathNodeComponent };
|
export {
|
||||||
|
StartNodeComponent,
|
||||||
|
FinishNodeComponent,
|
||||||
|
DelayNodeComponent,
|
||||||
|
MathNodeComponent,
|
||||||
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue