From 81d58def6ce1596fd9c3507681a6a130bf3ee362 Mon Sep 17 00:00:00 2001
From: gokhangunduz <me@gokhangunduz.com.tr>
Date: Thu, 21 Dec 2023 12:13:18 +0300
Subject: [PATCH] feat(version): release 0.25.8 version

---
 package.json                                  |  2 +-
 public/css/style.css                          | 20 +++++++++++++++++++
 src/components/Connections/Connections.tsx    |  6 +-----
 .../RosTopicListWidget/RosTopicListWidget.tsx |  2 +-
 src/contexts/RobotContext.tsx                 |  1 -
 .../EnvironmentPageLayout.tsx                 | 16 +++++++--------
 6 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index dce0d36d..54b648fb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "0.25.7",
+  "version": "0.25.8",
   "private": true,
   "scripts": {
     "dev": "react-scripts start",
diff --git a/public/css/style.css b/public/css/style.css
index 7f455366..a369dacc 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -3508,9 +3508,17 @@ td {
     grid-column: span 9 / span 9;
   }
 
+  .xl\:hidden {
+    display: none;
+  }
+
   .xl\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
+
+  .xl\:flex-col {
+    flex-direction: column;
+  }
 }
 
 @media (min-width: 1536px) {
@@ -3538,7 +3546,19 @@ td {
     display: inline;
   }
 
+  .\32xl\:flex {
+    display: flex;
+  }
+
   .\32xl\:grid-cols-9 {
     grid-template-columns: repeat(9, minmax(0, 1fr));
   }
+
+  .\32xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .\32xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
 }
diff --git a/src/components/Connections/Connections.tsx b/src/components/Connections/Connections.tsx
index 163dbefb..83b58346 100644
--- a/src/components/Connections/Connections.tsx
+++ b/src/components/Connections/Connections.tsx
@@ -3,16 +3,12 @@ import StateCell from "../TableInformationCells/StateCell";
 import { envApplication } from "../../helpers/envProvider";
 import { useKeycloak } from "@react-keycloak/web";
 import useRobot from "../../hooks/useRobot";
-import { ReactElement, useEffect } from "react";
+import { ReactElement } from "react";
 
 export default function Connections(): ReactElement {
   const { responseRobot, connectionsReducer } = useRobot();
   const { keycloak } = useKeycloak();
 
-  useEffect(() => {
-    console.log("connectionsReducer", connectionsReducer);
-  }, [connectionsReducer]);
-
   return (
     <div className="flex gap-4">
       {!envApplication && (
diff --git a/src/components/RosTopicListWidget/RosTopicListWidget.tsx b/src/components/RosTopicListWidget/RosTopicListWidget.tsx
index 3c692a91..1a89b4c7 100644
--- a/src/components/RosTopicListWidget/RosTopicListWidget.tsx
+++ b/src/components/RosTopicListWidget/RosTopicListWidget.tsx
@@ -47,7 +47,7 @@ export default function RosTopicListWidget({
           return (
             <div
               key={key}
-              className="border-light-100 flex justify-between border-y  py-1.5 text-xs font-medium"
+              className="flex justify-between border-y border-light-100  py-1.5 text-xs font-medium"
             >
               <div className="text-light-600">{topic.name}</div>
               <div className="text-light-400">{topic.type}</div>
diff --git a/src/contexts/RobotContext.tsx b/src/contexts/RobotContext.tsx
index c6b5c95e..9f2530b1 100644
--- a/src/contexts/RobotContext.tsx
+++ b/src/contexts/RobotContext.tsx
@@ -241,7 +241,6 @@ export default ({ children }: any) => {
     });
 
     return () => {
-      ros?.close();
       rosClient?.close();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/layouts/EnvironmentPageLayout/EnvironmentPageLayout.tsx b/src/layouts/EnvironmentPageLayout/EnvironmentPageLayout.tsx
index 119efc92..7a932df0 100644
--- a/src/layouts/EnvironmentPageLayout/EnvironmentPageLayout.tsx
+++ b/src/layouts/EnvironmentPageLayout/EnvironmentPageLayout.tsx
@@ -1,18 +1,18 @@
-import { Fragment, ReactElement } from "react";
+import DevelopmentSuite from "../../pages/EnvironmentPage/DevelopmentSuite/DevelopmentSuite";
 import EnvironmentHeader from "../../components/EnvironmentHeader/EnvironmentHeader";
+import Visualization from "../../pages/EnvironmentPage/Visualization/Visualization";
+import Teleoperation from "../../pages/EnvironmentPage/Teleoperation/Teleoperation";
+import RemoteDesktop from "../../pages/EnvironmentPage/RemoteDesktop/RemoteDesktop";
+import CodeEditor from "../../pages/EnvironmentPage/CodeEditor/CodeEditor";
+import Overview from "../../pages/EnvironmentPage/Overview/Overview";
 import HiddenFrame from "../../components/HiddenFrame/HiddenFrame";
+import FileManager from "../../components/FileManager/FileManager";
 import { envApplication } from "../../helpers/envProvider";
-import Overview from "../../pages/EnvironmentPage/Overview/Overview";
 import MissionContext from "../../contexts/MissionContext";
 import BarcodeContext from "../../contexts/BarcodeContext";
 import TaskManagementLayout from "../TaskManagementLayout";
-import Visualization from "../../pages/EnvironmentPage/Visualization/Visualization";
-import Teleoperation from "../../pages/EnvironmentPage/Teleoperation/Teleoperation";
-import DevelopmentSuite from "../../pages/EnvironmentPage/DevelopmentSuite/DevelopmentSuite";
-import RemoteDesktop from "../../pages/EnvironmentPage/RemoteDesktop/RemoteDesktop";
-import FileManager from "../../components/FileManager/FileManager";
-import CodeEditor from "../../pages/EnvironmentPage/CodeEditor/CodeEditor";
 import { useAppSelector } from "../../hooks/redux";
+import { Fragment, ReactElement } from "react";
 import useRobot from "../../hooks/useRobot";
 
 export default function EnvironmentPageLayout(): ReactElement {