From 8e70e29b13917ca31316bf1f8d01ca66aa971ff3 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Tue, 12 Nov 2024 01:30:11 +0200
Subject: [PATCH] fix direct group bug when toggle to apps

---
 src/components/Group/Group.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx
index 570a002..88c6453 100644
--- a/src/components/Group/Group.tsx
+++ b/src/components/Group/Group.tsx
@@ -2285,13 +2285,17 @@ export const Group = ({
               <Box
                 sx={{
                   position: "absolute",
-                  left: "0px",
-                  right: "0px",
-                  bottom: "0px",
-                  top: "0px",
+               
+                  right: !(desktopViewMode === 'chat') ? "unset" :  "0px",
+                  bottom: !(desktopViewMode === 'chat') ? "unset" :  "0px",
+                  top: !(desktopViewMode === 'chat') ? "unset" :  "0px",
                   background: "#27282c",
                   zIndex: 5,
                   height: isMobile && `calc(${rootHeight} - 45px)`,
+                  opacity: !(desktopViewMode === 'chat') ? 0 : 1,
+                 
+                left: !(desktopViewMode === 'chat') ? '-100000px' : '0px',
+                      
                 }}
               >
                 <ChatDirect
@@ -2632,13 +2636,15 @@ export const Group = ({
               <Box
                 sx={{
                   position: "absolute",
-                  left: "0px",
-                  right: "0px",
-                  bottom: "0px",
-                  top: "0px",
+                  right: !(desktopViewMode === 'chat') ? "unset" : "0px",
+                  bottom: !(desktopViewMode === 'chat') ? "unset" :  "0px",
+                  top: !(desktopViewMode === 'chat') ? "unset" :  "0px",
                   background: "#27282c",
                   zIndex: 5,
                   height: isMobile && `calc(${rootHeight} - 45px)`,
+                  opacity: !(desktopViewMode === 'chat') ? 0 : 1,
+                 
+                  left: !(desktopViewMode === 'chat') ? '-100000px' : '0px',
                 }}
               >
                 <Box