Addexample and fix logic

main
Klotske 2022-07-15 07:31:02 +00:00
parent 789ebe1133
commit bfa07d0058
3 changed files with 28 additions and 5 deletions

View File

@ -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,

View File

@ -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;

View File

@ -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,
};