From 6097a5612974c318b1c8e568c07f640378864d41 Mon Sep 17 00:00:00 2001
From: Mario Pesch <mario.pesch@uni-muenster.de>
Date: Fri, 18 Mar 2022 10:38:46 +0100
Subject: [PATCH] remove examples from sidebar

---
 .gitignore                           |  2 +-
 src/components/CodeEditor/Sidebar.js | 43 +++++++++++++---------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/.gitignore b/.gitignore
index 273210c..f0c13ca 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,4 +22,4 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 package-lock.json
-package-lock.json
+
diff --git a/src/components/CodeEditor/Sidebar.js b/src/components/CodeEditor/Sidebar.js
index d8c789b..a30bd74 100644
--- a/src/components/CodeEditor/Sidebar.js
+++ b/src/components/CodeEditor/Sidebar.js
@@ -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>