From 058b47d461d0bfec2eba4c7786b6ab4a83fec661 Mon Sep 17 00:00:00 2001 From: Leandro Farias Date: Tue, 11 Apr 2023 14:10:56 +0000 Subject: [PATCH] feat: devices page --- frontend/src/pages/devices.js | 4 +- frontend/src/pages/devices/[id].js | 42 ++++++++- frontend/src/sections/devices/devices-rpc.js | 90 ++++++++++++++++++++ 3 files changed, 130 insertions(+), 6 deletions(-) create mode 100644 frontend/src/sections/devices/devices-rpc.js 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 ( +
+ + + + + + + + + + + + + + + + + +
+ ); +};