changed styling

src/App-styles.ts

@@ -77,7 +77,7 @@ display: flex;
 border: 1px solid var(--50-white, rgba(255, 255, 255, 0.5));
 justify-content: space-between;
 align-items: center;
-width: 140px;
+width: auto;
 height: 25px;
 padding: 5px 15px 5px 15px;
 gap: 5px;

src/App.tsx

@@ -1244,7 +1244,8 @@ function App() {
       <AuthenticatedContainerInnerLeft
       sx={{
         overflowY: isMobile && "auto",
-        padding: '0px 20px'
+        padding: '0px 20px',
+        minWidth: '225px'
       }}
     >
       <Spacer height="48px" />
@@ -1391,10 +1392,11 @@ function App() {
           textDecoration: "underline",
         }}
         onClick={async () => {
-          window.electronAPI.openExternal("https://www.qort.trade");
+          executeEvent("addTab", { data: { service: 'APP', name: 'q-trade' } });
+          executeEvent("open-apps-mode", { });
         }}
       >
-        Get QORT at qort.trade
+        Get QORT at Q-Trade
       </TextP>
     </AuthenticatedContainerInnerLeft>
   )}

src/background.ts

@@ -1424,6 +1424,16 @@ async function sendChatForBuyOrder({ qortAddress, recipientPublicKey, message, a
     const _encryptedMessage = tx._encryptedMessage;
     const encryptedMessageToBase58 = Base58.encode(_encryptedMessage);
     const signature = "id-" + Date.now() + "-" + Math.floor(Math.random() * 1000)
+    const checkGatewayStatusRes = await fetch(`${buyTradeNodeBaseUrl}/admin/status`)
+    const checkGatewayStatusData = await checkGatewayStatusRes.json()
+    if(+checkGatewayStatusData?.syncPercent !== 100 || checkGatewayStatusData?.isSynchronizing !== false){
+      throw new Error("Cannot make trade. Gateway node is synchronizing")
+    }
+    const healthCheckRes = await fetch('https://www.qort.trade/api/transaction/healthcheck')
+    const healthcheckData = await healthCheckRes.json()
+    if(healthcheckData?.dbConnection !== 'healthy'){
+      throw new Error('Could not connect to db. Try again later.')
+    }
     const res = await axios.post(
       `https://www.qort.trade/api/transaction/updatetxgateway`,
       {

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,6 +1311,7 @@ export const Group = ({
       setDesktopViewMode('apps')
 
     }
+    if(isMobile){
       setIsOpenSideViewDirects(false)
       setIsOpenSideViewGroups(false)
       setGroupSection("default");
@@ -1331,14 +1332,16 @@ export const Group = ({
       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={