Fix robotPage fetchrobot

equinor · Jul 20, 2023 · 823c202 · 823c202
1 parent 5dd9a25
commit 823c202
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 17 deletions.
diff --git a/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx b/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx
@@ -25,8 +25,10 @@ export function MoveRobotArm({ robot, armPosition, isRobotAvailable }: RobotProp
     const moveArmButtonStyle = () => {
         if (!usable)
             return {
-                backgroundColor: tokens.colors.text.static_icons__tertiary.hex,
-                cursor: 'auto',
+                backgroundColor: tokens.colors.interactive.disabled__fill.hex,
+                color: tokens.colors.interactive.disabled__text.hex,
+                borderColor: tokens.colors.interactive.disabled__border.hex,
+                cursor: 'not-allowed',
             }
     }
     const openPopover = () => {

diff --git a/frontend/src/components/Pages/RobotPage/RobotPage.tsx b/frontend/src/components/Pages/RobotPage/RobotPage.tsx
@@ -46,31 +46,27 @@ const VerticalContent = styled.div<{ $alignItems?: string }>`
 
 const updateSiteTimer = 1000
 export function RobotPage() {
-    const { robotId } = useParams()
     const [selectedRobot, setSelectedRobot] = useState<Robot>()
+    const { robotId } = useParams()
 
     useEffect(() => {
-        if (robotId) {
-            BackendAPICaller.getRobotById(robotId).then((robot) => {
-                setSelectedRobot(robot)
-            })
-        }
+        fetchRobotData()
     }, [robotId])
 
     useEffect(() => {
-        const intervalId = setInterval(() => {
-            if (selectedRobot) {
-                BackendAPICaller.getRobotById(selectedRobot.id).then((updatedRobot) => {
-                    setSelectedRobot(updatedRobot)
-                })
-            }
-        }, updateSiteTimer)
-
+        const intervalId = setInterval(fetchRobotData, updateSiteTimer)
         return () => {
             clearInterval(intervalId)
         }
-    }, [selectedRobot])
+    }, [])
 
+    const fetchRobotData = () => {
+        if (robotId) {
+            BackendAPICaller.getRobotById(robotId).then((robot) => {
+                setSelectedRobot(robot)
+            })
+        }
+    }
     return (
         <>
             <Header page={'robot'} />