From 43e2f8bc86ebfa5dbc46c2709ce11775a6ffa3d8 Mon Sep 17 00:00:00 2001
From: Elyor Djalilov <elyor.djalilov@onlyoffice.com>
Date: Wed, 26 Jun 2024 16:58:56 +0500
Subject: [PATCH] socket was moved

---
 packages/client/src/Shell.jsx | 64 ++++++++++++++++++-----------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/packages/client/src/Shell.jsx b/packages/client/src/Shell.jsx
index ebc165783f..7e06f0db00 100644
--- a/packages/client/src/Shell.jsx
+++ b/packages/client/src/Shell.jsx
@@ -134,6 +134,39 @@ const Shell = ({ items = [], page = "home", ...rest }) => {
     moment.locale(language);
   }, []);
 
+  useEffect(() => {
+    socketHelper.emit({
+      command: "subscribeToPortal",
+    });
+
+    socketHelper.emit({
+      command: "getSessionsInPortal",
+    });
+
+    socketHelper.on("statuses-in-portal", (data) => {
+      setDataFromSocket(data);
+      console.log("dataFromSocket", data);
+    });
+
+    socketHelper.on("enter-in-portal", (data) => {
+      setCurrentDataFromSocket(data);
+      console.log("enter-in-portal", data);
+    });
+
+    socketHelper.on("leave-in-portal", (data) => {
+      setCurrentDataFromSocket(data);
+      console.log(data);
+    });
+
+    socketHelper.on("enter-session-in-portal", (data) => {
+      console.log(data);
+    });
+
+    socketHelper.on("leave-session-in-portal", (data) => {
+      console.log(data);
+    });
+  }, [socketHelper, setDataFromSocket, setCurrentDataFromSocket]);
+
   useEffect(() => {
     socketHelper.emit({
       command: "subscribe",
@@ -164,37 +197,6 @@ const Shell = ({ items = [], page = "home", ...rest }) => {
       command: "subscribe",
       data: { roomParts: "QUOTA", individual: true },
     });
-
-    socketHelper.emit({
-      command: "subscribeToPortal",
-    });
-
-    socketHelper.emit({
-      command: "getSessionsInPortal",
-    });
-
-    socketHelper.on("statuses-in-portal", (data) => {
-      setDataFromSocket(data);
-      console.log("dataFromSocket", data);
-    });
-
-    socketHelper.on("enter-in-portal", (data) => {
-      setCurrentDataFromSocket(data);
-      console.log("enter-in-portal", data);
-    });
-
-    socketHelper.on("enter-session-in-portal", (data) => {
-      console.log(data);
-    });
-
-    socketHelper.on("leave-in-portal", (data) => {
-      setCurrentDataFromSocket(data);
-      console.log(data);
-    });
-
-    socketHelper.on("leave-session-in-portal", (data) => {
-      console.log(data);
-    });
   }, [socketHelper]);
 
   const { t, ready } = useTranslation(["Common"]); //TODO: if enable banner ["Common", "SmartBanner"]