changed styling

src/components/Chat/MessageDisplay.tsx

@@ -92,7 +92,7 @@ export const MessageDisplay = ({ htmlContent, isReply }) => {
       if (res) {
         const { service, name, identifier, path } = res;
         executeEvent("addTab", { data: { service, name, identifier, path } });
-        executeEvent("open-dev-mode", { });
+        executeEvent("open-apps-mode", { });
 
       }
     }

src/components/Group/Group.tsx

@@ -1303,7 +1303,7 @@ export const Group = ({
     };
   }, []);
 
-  const openDevModeFunc = () => {
+  const openAppsMode = () => {
     if (isMobile) {
       setMobileViewMode("apps");
     }
@@ -1311,34 +1311,37 @@ export const Group = ({
       setDesktopViewMode('apps')
 
     }
-    setIsOpenSideViewDirects(false)
-    setIsOpenSideViewGroups(false)
-    setGroupSection("default");
-    setSelectedGroup(null);
-    setNewChat(false);
-    setSelectedDirect(null);
-    setSecretKey(null);
-    setGroupOwner(null)
-    lastFetchedSecretKey.current = null;
-    initiatedGetMembers.current = false;
-    setSecretKeyPublishDate(null);
-    setAdmins([]);
-    setSecretKeyDetails(null);
-    setAdminsWithNames([]);
-    setMembers([]);
-    setMemberCountFromSecretKeyData(null);
-    setTriedToFetchSecretKey(false);
-    setFirstSecretKeyInCreation(false);
-    setIsOpenSideViewDirects(false)
-    setIsOpenSideViewGroups(false)
+    if(isMobile){
+      setIsOpenSideViewDirects(false)
+      setIsOpenSideViewGroups(false)
+      setGroupSection("default");
+      setSelectedGroup(null);
+      setNewChat(false);
+      setSelectedDirect(null);
+      setSecretKey(null);
+      setGroupOwner(null)
+      lastFetchedSecretKey.current = null;
+      initiatedGetMembers.current = false;
+      setSecretKeyPublishDate(null);
+      setAdmins([]);
+      setSecretKeyDetails(null);
+      setAdminsWithNames([]);
+      setMembers([]);
+      setMemberCountFromSecretKeyData(null);
+      setTriedToFetchSecretKey(false);
+      setFirstSecretKeyInCreation(false);
+      setIsOpenSideViewDirects(false)
+      setIsOpenSideViewGroups(false)
+    }
+   
 
   };
 
   useEffect(() => {
-    subscribeToEvent("open-dev-mode", openDevModeFunc);
+    subscribeToEvent("open-apps-mode", openAppsMode);
 
     return () => {
-      unsubscribeFromEvent("open-dev-mode", openDevModeFunc);
+      unsubscribeFromEvent("open-apps-mode", openAppsMode);
     };
   }, []);
 

src/components/Group/ThingsToDoInitial.tsx

@@ -212,7 +212,7 @@ export const ThingsToDoInitial = ({ myAddress, name, hasGroups, balance }) => {
                     fontSize: "13px",
                     fontWeight: 400,
                   },
-                }} primary={`Join a group hub`} />
+                }} primary={`Join a group`} />
               <ListItemIcon sx={{
                   justifyContent: "flex-end",
                 }}>

src/components/Mobile/MobileFooter.tsx

@@ -16,6 +16,7 @@ import { WalletIcon } from "../../assets/Icons/WalletIcon";
 import { HubsIcon } from "../../assets/Icons/HubsIcon";
 import { TradingIcon } from "../../assets/Icons/TradingIcon";
 import { MessagingIcon } from "../../assets/Icons/MessagingIcon";
+import { executeEvent } from "../../utils/events";
 
 const IconWrapper = ({ children, label, color }) => {
   return (
@@ -185,7 +186,8 @@ export const MobileFooter = ({
         />
         <BottomNavigationAction
           onClick={async () => {
-            await Browser.open({ url: 'https://www.qort.trade' });
+            executeEvent("addTab", { data: { service: 'APP', name: 'q-trade' } });
+          executeEvent("open-apps-mode", { });
           }}
           
           icon={