remove examples from sidebar

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

2
.gitignore vendored
View File

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

View File

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