schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove examples from sidebar

Browse Source
This commit is contained in:
Mario Pesch 2022-03-18 10:38:46 +01:00
parent 39c8fd504f
commit 6097a56129
2 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -22,4 +22,4 @@ npm-debug.log*
yarn-debug.log* yarn-debug.log*
yarn-error.log* yarn-error.log*
package-lock.json package-lock.json
package-lock.json

43
src/components/CodeEditor/Sidebar.js
View File

@ -1,32 +1,32 @@
import React, { useEffect } from "react"; import React from "react";
import Blockly from "blockly"; import Blockly from "blockly";
import Accordion from "@material-ui/core/Accordion"; import Accordion from "@material-ui/core/Accordion";
import AccordionSummary from "@material-ui/core/AccordionSummary"; import AccordionSummary from "@material-ui/core/AccordionSummary";
import AccordionDetails from "@material-ui/core/AccordionDetails"; import AccordionDetails from "@material-ui/core/AccordionDetails";
import Typography from "@material-ui/core/Typography"; import Typography from "@material-ui/core/Typography";
import { LibraryVersions } from "../../data/versions.js"; import { LibraryVersions } from "../../data/versions.js";
import { useMonaco } from "@monaco-editor/react"; //import { useMonaco } from "@monaco-editor/react";
import { Button } from "@material-ui/core"; //import { Button } from "@material-ui/core";
import Dialog from "../Dialog"; import Dialog from "../Dialog";
import SerialMonitor from "./SerialMonitor.js"; import SerialMonitor from "./SerialMonitor.js";
import axios from "axios"; //import axios from "axios";
const Sidebar = () => { const Sidebar = () => {
const [alert, setAlert] = React.useState(false); const [alert, setAlert] = React.useState(false);
const [examples, setExamples] = React.useState([]); //const [examples, setExamples] = React.useState([]);
useEffect(() => { // useEffect(() => {
axios // axios
.get("https://coelho.opensensemap.org/items/blocklysamples") // .get("https://coelho.opensensemap.org/items/blocklysamples")
.then((res) => { // .then((res) => {
setExamples(res.data.data); // setExamples(res.data.data);
}); // });
}, []); // }, []);
const monaco = useMonaco(); //const monaco = useMonaco();
const loadCode = (code) => { // const loadCode = (code) => {
monaco.editor.getModels()[0].setValue(code); // monaco.editor.getModels()[0].setValue(code);
}; // };
const toggleDialog = () => { const toggleDialog = () => {
setAlert(false); setAlert(false);
@ -51,7 +51,7 @@ const Sidebar = () => {
</Accordion> </Accordion>
) : null} ) : null}
<Accordion> {/* <Accordion>
<AccordionSummary <AccordionSummary
expandIcon={""} expandIcon={""}
aria-controls="panel1a-content" aria-controls="panel1a-content"
@ -75,14 +75,14 @@ const Sidebar = () => {
})} })}
</Typography> </Typography>
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion> */}
<Accordion> <Accordion>
<AccordionSummary <AccordionSummary
expandIcon={""} expandIcon={""}
aria-controls="panel2a-content" aria-controls="panel2a-content"
id="panel2a-header" id="panel2a-header"
> >
<Typography>Installierte Libraries</Typography> <Typography>{Blockly.Msg.codeeditor_libraries_head}</Typography>
</AccordionSummary> </AccordionSummary>
<AccordionDetails <AccordionDetails
style={{ padding: 0, height: "60vH", backgroundColor: "white" }} style={{ padding: 0, height: "60vH", backgroundColor: "white" }}
@ -90,10 +90,7 @@ const Sidebar = () => {
<Typography <Typography
style={{ overflow: "auto", width: "100%", padding: "1rem" }} style={{ overflow: "auto", width: "100%", padding: "1rem" }}
> >
<p> <p>{Blockly.Msg.codeeditor_libraries_text}</p>
For Dokumentation take a look at the installed libraries and their
source
</p>
{LibraryVersions().map((object, i) => { {LibraryVersions().map((object, i) => {
return ( return (
<p> <p>