diff --git a/frontend/src/pages/devices/usp/[...id].js b/frontend/src/pages/devices/usp/[...id].js index 986c10b..22a7f35 100644 --- a/frontend/src/pages/devices/usp/[...id].js +++ b/frontend/src/pages/devices/usp/[...id].js @@ -20,6 +20,9 @@ import SignalIcon from '@heroicons/react/24/solid/SignalIcon'; import DevicePhoneMobile from '@heroicons/react/24/solid/DevicePhoneMobileIcon'; import WrenchScrewDriverIcon from '@heroicons/react/24/outline/WrenchScrewdriverIcon'; import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon'; +import CubeTransparentIcon from '@heroicons/react/24/outline/CubeTransparentIcon'; +import MapPin from '@heroicons/react/24/outline/MapPinIcon'; +import ArrowTrendingUp from '@heroicons/react/24/outline/ArrowTrendingUpIcon'; const Page = () => { const router = useRouter() @@ -54,9 +57,9 @@ const Page = () => { py: 0, }} > - - - + + + {[ Devices , @@ -72,9 +75,8 @@ const Page = () => { - + }}> + } @@ -117,6 +119,27 @@ const Page = () => { value={"ports"} /> } + iconPosition={"end"} + label="Historic" + style={{cursor:"default", opacity: 0.5}} + value={"historic"} /> + + } + iconPosition={"end"} + label="LCM" + style={{cursor:"default", opacity: 0.5}} + value={"lcm"} /> + + } + iconPosition={"end"} + label="Location" + style={{cursor:"default", opacity: 0.5}} + value={"location"} /> + + } iconPosition={"end"} label="Actions" @@ -127,15 +150,19 @@ const Page = () => { onClick={()=>{router.push(`/devices/usp/${deviceID}/discovery`)}} icon={} iconPosition={"end"} - label="Discover Parameters" /> + label="Parameters" /> {router.push(`/devices/usp/${deviceID}/msg`)}} icon={} iconPosition={"end"} - label="Remote Messages" /> + label="Messages" /> + + + + { sectionHandler() }