From 508150f2021d937d2710dffbf974c56e3e736869 Mon Sep 17 00:00:00 2001
From: Uncle Fatso <uncle.fatso@ghostchain.io>
Date: Sun, 3 May 2026 17:28:38 +0300
Subject: [PATCH] remove ghost connect from the top bar

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
---
 package.json                            | 2 +-
 src/App.jsx                             | 2 +-
 src/components/PageTitle/PageTitle.jsx  | 2 +-
 src/components/TopBar/SelectNetwork.jsx | 2 +-
 src/components/TopBar/TopBar.jsx        | 8 +++-----
 src/components/TopBar/Wallet/index.tsx  | 2 +-
 src/constants/ecosystem.js              | 2 +-
 7 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 7661a99..d68735c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.7.33",
+  "version": "0.7.34",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/App.jsx b/src/App.jsx
index 84e1bd9..cf2c8f1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -123,7 +123,7 @@ function App() {
     const provider = usePublicClient();
     const chainId  = useChainId();
 
-    const isSmallerScreen = useMediaQuery("(max-width: 1130px)");
+    const isSmallerScreen = useMediaQuery("(max-width: 1047px)");
     const isSmallScreen = useMediaQuery("(max-width: 600px)");
 
     const {
diff --git a/src/components/PageTitle/PageTitle.jsx b/src/components/PageTitle/PageTitle.jsx
index 6113a7a..7bee469 100644
--- a/src/components/PageTitle/PageTitle.jsx
+++ b/src/components/PageTitle/PageTitle.jsx
@@ -2,7 +2,7 @@ import { Box, Typography, useMediaQuery, useTheme } from "@mui/material";
 
 const PageTitle = ({ name, subtitle, noMargin }) => {
     const theme = useTheme();
-    const mobile = useMediaQuery(theme.breakpoints.down("900"));
+    const mobile = useMediaQuery(theme.breakpoints.down("700"));
 
     return (
         <Box
diff --git a/src/components/TopBar/SelectNetwork.jsx b/src/components/TopBar/SelectNetwork.jsx
index a301671..34d1b33 100644
--- a/src/components/TopBar/SelectNetwork.jsx
+++ b/src/components/TopBar/SelectNetwork.jsx
@@ -71,7 +71,7 @@ function SelectNetwork({ chainId, wrongNetworkToastId, setWrongNetworkToastId, s
     }
 
     return(
-        <FormControl sx={{ width: small ? "auto" : "155px" }}>
+        <FormControl sx={{ width: small ? "100px" : "155px" }}>
             <Select
                 labelId="network-select-helper-label"
                 id="network-select-helper"
diff --git a/src/components/TopBar/TopBar.jsx b/src/components/TopBar/TopBar.jsx
index 21ae83b..ef104e3 100644
--- a/src/components/TopBar/TopBar.jsx
+++ b/src/components/TopBar/TopBar.jsx
@@ -2,7 +2,6 @@ import { Box, Button, SvgIcon, useMediaQuery, useTheme } from "@mui/material";
 import MenuIcon from "../../assets/icons/hamburger.svg?react";
 import Wallet from "./Wallet"
 import SelectNetwork from "./SelectNetwork";
-import GhostChainSelect from "./GhostChainSelect";
 
 const PREFIX = "TopBar";
 
@@ -23,8 +22,8 @@ function TopBar({
     setWrongNetworkToastId
 }) {
     const themeColor = useTheme();
-    const desktop = useMediaQuery(themeColor.breakpoints.up(1130));
-    const small = useMediaQuery(themeColor.breakpoints.down(600));
+    const desktop = useMediaQuery(themeColor.breakpoints.up(1048));
+    const small = useMediaQuery(themeColor.breakpoints.down(400));
     return (
         <Box
             display="flex"
@@ -38,10 +37,9 @@ function TopBar({
                     display="flex"
                     justifyContent="space-between"
                     alignItems="center"
-                    width={small ? "calc(100vw - 78px)" : "500px"}
+                    width={small ? "calc(100vw - 78px)" : "320px"}
                     height="40px"
                 >
-                    <GhostChainSelect small={small} />
                     <SelectNetwork
                         wrongNetworkToastId={wrongNetworkToastId}
                         setWrongNetworkToastId={setWrongNetworkToastId}
diff --git a/src/components/TopBar/Wallet/index.tsx b/src/components/TopBar/Wallet/index.tsx
index 4c4b5c4..5546ae0 100644
--- a/src/components/TopBar/Wallet/index.tsx
+++ b/src/components/TopBar/Wallet/index.tsx
@@ -11,7 +11,7 @@ const WalletButton = ({ openWallet, connect }) => {
     const { isConnected, chain } = useAccount();
     const theme = useTheme();
     const onClick = isConnected ? openWallet : connect;
-    const label = isConnected ? "Wallet" : `Connect`;
+    const label = `${isConnected ? "Open" : "Connect"} Wallet`;
     return (
         <Button
             id="fatso-menu-button"
diff --git a/src/constants/ecosystem.js b/src/constants/ecosystem.js
index 5f613dd..bfaefa0 100644
--- a/src/constants/ecosystem.js
+++ b/src/constants/ecosystem.js
@@ -1,6 +1,6 @@
 import { NetworkId } from "../constants";
 
-const GHOST_CONNECT = "https://connect.ghostchain.io/";
+export const GHOST_CONNECT = "https://connect.ghostchain.io/";
 
 export const ECOSYSTEM = [
     {