cleanup code and update some packages

src/components/CodeEditor/CodeEditor.js

@@ -24,7 +24,6 @@ const CodeEditor = (props) => {
   const [time, setTime] = useState(null);
   const [value, setValue] = useState("");
   const [resetDialog, setResetDialog] = useState(false);
-  const [blocklyCode, setBlocklyCode] = useState("");
   const [defaultValue, setDefaultValue] = useState(
     localStorage.getItem("ArduinoCode")
       ? localStorage.getItem("ArduinoCode")
@@ -62,7 +61,6 @@ void loop() {
         setProgress(false);
         const result = data.data.id;
         setId(result);
-        console.log(result);
         const filename = "sketch";
         window.open(
           `${process.env.REACT_APP_COMPILER_URL}/download?id=${result}&board=${process.env.REACT_APP_BOARD}&filename=${filename}`,
@@ -134,14 +132,6 @@ void loop() {
     setTimeout(() => setAutoSave(false), 1000);
   };
 
-  const handleClose = (event, reason) => {
-    if (reason === "clickaway") {
-      return;
-    }
-
-    setOpen(false);
-  };
-
   const getBlocklyCode = () => {
     var code = store.getState().workspace.code.arduino;
     editorRef.current.setValue(code);

src/components/CodeEditor/Compile.js

@@ -190,7 +190,7 @@ class Compile extends Component {
               className={`compileBlocks ${this.props.classes.iconButton}`}
               onClick={() => this.compile()}
             >
-              <FontAwesomeIcon icon={faClipboardCheck} size="l" />
+              <FontAwesomeIcon icon={faClipboardCheck} size="m" />
             </IconButton>
           </Tooltip>
         ) : (

src/components/CodeEditor/Sidebar.js

@@ -25,19 +25,6 @@ const Sidebar = () => {
 
   const monaco = useMonaco();
   const loadCode = (code) => {
-    console.log(code);
-    console.log(monaco);
-    const defaultCode = `
-void setup () {
-    
-}
-    
-void loop(){
-    
-}`;
-    var currentCode = monaco.editor.getModels()[0].getValue();
-
-    setAlert(true);
     monaco.editor.getModels()[0].setValue(code);
   };