diff --git a/src/components/CodeEditor/Sidebar.js b/src/components/CodeEditor/Sidebar.js index 140642f..bd4d0b9 100644 --- a/src/components/CodeEditor/Sidebar.js +++ b/src/components/CodeEditor/Sidebar.js @@ -1,5 +1,6 @@ import React, { useEffect } from "react"; import Blockly from "blockly"; +import { useSelector } from "react-redux"; import Accordion from "@material-ui/core/Accordion"; import AccordionSummary from "@material-ui/core/AccordionSummary"; import AccordionDetails from "@material-ui/core/AccordionDetails"; @@ -15,13 +16,7 @@ const Sidebar = () => { const [alert, setAlert] = React.useState(false); const [examples, setExamples] = React.useState([]); - useEffect(() => { - axios - .get("https://coelho.opensensemap.org/items/blocklysamples") - .then((res) => { - setExamples(res.data.data); - }); - }, []); + const user = useSelector((state) => state.auth.user); const monaco = useMonaco(); const loadCode = (code) => { @@ -32,6 +27,14 @@ const Sidebar = () => { setAlert(false); }; + const getOsemScript = (id) => { + axios + .get(`https://api.opensensemap.org/boxes/${id}/script/`) + .then((res) => { + loadCode(res.data); + }); + }; + return (
{"serial" in navigator ? ( @@ -50,8 +53,7 @@ const Sidebar = () => { ) : null} - - + {/* { })} - + */} + {user ? ( + + + Deine openSenseMap Codes + + + + {user.boxes.map((box, i) => { + return ( + + ); + })} + + + + ) : null}