Merge pull request #2742 from JdeRobot/changing-frequencies-widget

Update freq widget
JdeRobot · Sep 24, 2024 · 26a3060 · 26a3060
2 parents fe51408 + f7b7cce
commit 26a3060
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/react_frontend/src/components/visualizers/Frequencies.js b/react_frontend/src/components/visualizers/Frequencies.js
@@ -30,9 +30,9 @@ export const Frequencies = (props) => {
   React.useEffect(() => {
     const callback = (message) => {
       if (message.data.ros_version.trim() === "noetic") {
-        setRosVersion("ROS Noetic");
+        setRosVersion(["ROS", "Noetic"]);
       } else if (message.data.ros_version.trim() === "humble") {
-        setRosVersion("ROS2 Humble");
+        setRosVersion(["ROS2", "Humble"]);
       }
       setGpuAvaliable(message.data.gpu_avaliable);
     };
@@ -44,11 +44,17 @@ export const Frequencies = (props) => {
 
   return (
     <div className={props.style}>
-      <Typography title="BRAIN">{frequencies.brain.toFixed(0)}</Typography>
+      <Typography title="AF">{frequencies.brain.toFixed(0)}</Typography>
+      <Typography>Hz</Typography>
       <Typography>/</Typography>
       <Typography title="RTF">{frequencies.rtf}</Typography>
+      {rosVersion &&
+      <>
       <Typography>/</Typography>
-      <Typography>{rosVersion}</Typography>
+      <Typography>{rosVersion[0]}</Typography>
+      <Typography>{rosVersion[1]}</Typography>
+      </>
+      }
       <Typography>/</Typography>
       <Typography>GPU</Typography>
       <Typography>{gpuAvaliable ? "ON" : "OFF"}</Typography>