diff --git a/frontend/src/pages/devices.js b/frontend/src/pages/devices.js index 67096c2..ce475d2 100644 --- a/frontend/src/pages/devices.js +++ b/frontend/src/pages/devices.js @@ -24,10 +24,10 @@ const Page = () => ( component="main" sx={{ flexGrow: 1, - py: 8 + py: 8, }} > - + { const router = useRouter() const { id } = router.query - return

Device: {id}

-} - + return( + <> + + + Oktopus | TR-369 + + + + + + + RPC + + {/**/} + < DevicesRPC/> + + + + + ); +}; + +Page.getLayout = (page) => ( + + {page} + +); export default Page; diff --git a/frontend/src/sections/devices/devices-rpc.js b/frontend/src/sections/devices/devices-rpc.js new file mode 100644 index 0000000..0f4d821 --- /dev/null +++ b/frontend/src/sections/devices/devices-rpc.js @@ -0,0 +1,90 @@ +import { useCallback, useState } from 'react'; +import { + Button, + Card, + CardActions, + CardContent, + CardHeader, + Divider, + Stack, + TextField, + InputLabel, + MenuItem, + Select, + FormControl, + SvgIcon +} from '@mui/material'; +import PaperAirplane from '@heroicons/react/24/solid/PaperAirplaneIcon'; + +export const DevicesRPC = () => { + const [value, setValue] = useState(` + {opa, + teste123:goiaba}` + ) + + const [age, setAge] = useState(1); + + const handleChangeRPC = (event) => { + setAge(event.target.value); + }; + + const handleChange = (event) => { + setValue(event.target.value); + }; + + const handleSubmit = useCallback( + (event) => { + event.preventDefault(); + }, + [] + ); + + return ( +
+ + + + + + + + + + + + + + + + + +
+ ); +};