louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): devices pages title + router redirect + usp page styling

Browse Source
This commit is contained in:
leandrofars 2024-10-30 13:24:04 -03:00
parent 8017e3cb26
commit df885f63e0
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/pages/devices/cwmp/[...id].js
View File

@ -31,10 +31,10 @@ const Page = () => {
switch(section){ switch(section){
case "msg": case "msg":
return <DevicesRPC/> return <DevicesRPC/>
case "wifi": /* case "wifi":
return <DevicesWiFi/> return <DevicesWiFi/> */
default: default:
router.push(`/devices/cwmp/${deviceID}/wifi`) router.replace(`/devices/cwmp/${deviceID}/msg`)
} }
} }
@ -42,7 +42,7 @@ const Page = () => {
<> <>
<Head> <Head>
<title> <title>
Oktopus | TR-369 Oktopus | Controller
</title> </title>
</Head> </Head>
<Box <Box
@ -53,8 +53,8 @@ const Page = () => {
}} }}
> >
<Container maxWidth="lg"> <Container maxWidth="lg">
<Stack spacing={3} > <Stack spacing={3} mb={3}>
<Breadcrumbs separator="›" aria-label="breadcrumb" sx={{md: 40, mr: 20}}> <Breadcrumbs separator="›" aria-label="breadcrumb" ml={10}>
{[<Link underline="hover" key="1" color="inherit" href="/devices"> {[<Link underline="hover" key="1" color="inherit" href="/devices">
Devices Devices
</Link>, </Link>,
@ -71,13 +71,16 @@ const Page = () => {
display:'flex', display:'flex',
justifyContent:'center', justifyContent:'center',
}}> }}>
<Tabs value={router.query.id[1]} aria-label="icon label tabs example"> <Tabs value={router.query.id[1]} aria-label="icon label tabs example" variant='scrollable'>
<Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab <Tab
icon={<SvgIcon><WifiIcon/></SvgIcon>} icon={<SvgIcon><WifiIcon/></SvgIcon>}
iconPosition={"end"} iconPosition={"end"}
label="Wi-Fi" label="Wi-Fi"
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/wifi`)}} onClick={()=>{router.push(`/devices/cwmp/${deviceID}/wifi`)}}
value={"wifi"}/> value={"wifi"}
disabled
/></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom"> <Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab <Tab
icon={<SvgIcon><SignalIcon/></SvgIcon>} icon={<SvgIcon><SignalIcon/></SvgIcon>}
@ -127,6 +130,10 @@ const Page = () => {
label="Remote Messages" /> label="Remote Messages" />
</Tabs> </Tabs>
</Box> </Box>
</Stack>
</Container>
<Container maxWidth="lg">
<Stack spacing={3}>
{ {
sectionHandler() sectionHandler()
} }

4
frontend/src/pages/devices/usp/[...id].js
View File

@ -39,7 +39,7 @@ const Page = () => {
case "discovery": case "discovery":
return <DevicesDiscovery/> return <DevicesDiscovery/>
default: default:
router.push(`/devices/usp/${deviceID}/discovery`) router.replace(`/devices/usp/${deviceID}/discovery`)
} }
} }
@ -47,7 +47,7 @@ const Page = () => {
<> <>
<Head> <Head>
<title> <title>
Oktopus | TR-369 Oktopus | Controller
</title> </title>
</Head> </Head>
<Box <Box

2
frontend/src/pages/index.js
View File

@ -129,7 +129,7 @@ const Page = () => {
<> <>
<Head> <Head>
<title> <title>
Oktopus | TR-369 Oktopus | Controller
</title> </title>
</Head> </Head>
<Box <Box