feat(version): release 0.22.2 version

README.md

@@ -6,7 +6,7 @@
       <img src="https://img.shields.io/badge/nodejs-18.18.2-dgreen" alt="node">
     </a>
     <a href="https://github.com/robolaunch/ui/releases">
-      <img src="https://img.shields.io/badge/release-v0.22.1-red" alt="release">
+      <img src="https://img.shields.io/badge/release-v0.22.2-red" alt="release">
     </a>
         <a href="#">
       <img src="https://img.shields.io/badge/language-typescript-blue" alt="language">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "0.22.1",
+  "version": "0.22.2",
   "private": true,
   "scripts": {
     "dev": "react-scripts start",

src/components/Connections/Connections.tsx

@@ -3,25 +3,28 @@ import StateCell from "../TableInformationCells/StateCell";
 import { useKeycloak } from "@react-keycloak/web";
 import useRobot from "../../hooks/useRobot";
 import { ReactElement } from "react";
+import { envApplication } from "../../helpers/envProvider";
 
 export default function Connections(): ReactElement {
   const { responseRobot, isSettedCookie } = useRobot();
   const { keycloak } = useKeycloak();
 
   return (
     <div className="flex gap-4">
-      <div className="flex gap-1" id="ros">
-        <ConnectionLabel label="ROS" />
-        <StateCell
-          state={
-            isSettedCookie === undefined
-              ? "Waiting"
-              : isSettedCookie
-              ? "Connected"
-              : "Warning"
-          }
-        />
-      </div>
+      {!envApplication && (
+        <div className="flex gap-1" id="ros">
+          <ConnectionLabel label="ROS" />
+          <StateCell
+            state={
+              isSettedCookie === undefined
+                ? "Waiting"
+                : isSettedCookie
+                ? "Connected"
+                : "Warning"
+            }
+          />
+        </div>
+      )}
       <div className="flex gap-1" id="ide">
         <ConnectionLabel label="IDE" url={responseRobot?.ideIngressEndpoint} />
         <StateCell