remove ghost connect from the top bar
Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
This commit is contained in:
parent
a9f34987f2
commit
508150f202
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "ghost-dao-interface",
|
"name": "ghost-dao-interface",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.7.33",
|
"version": "0.7.34",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@ -123,7 +123,7 @@ function App() {
|
|||||||
const provider = usePublicClient();
|
const provider = usePublicClient();
|
||||||
const chainId = useChainId();
|
const chainId = useChainId();
|
||||||
|
|
||||||
const isSmallerScreen = useMediaQuery("(max-width: 1130px)");
|
const isSmallerScreen = useMediaQuery("(max-width: 1047px)");
|
||||||
const isSmallScreen = useMediaQuery("(max-width: 600px)");
|
const isSmallScreen = useMediaQuery("(max-width: 600px)");
|
||||||
|
|
||||||
const {
|
const {
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import { Box, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|||||||
|
|
||||||
const PageTitle = ({ name, subtitle, noMargin }) => {
|
const PageTitle = ({ name, subtitle, noMargin }) => {
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const mobile = useMediaQuery(theme.breakpoints.down("900"));
|
const mobile = useMediaQuery(theme.breakpoints.down("700"));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Box
|
<Box
|
||||||
|
|||||||
@ -71,7 +71,7 @@ function SelectNetwork({ chainId, wrongNetworkToastId, setWrongNetworkToastId, s
|
|||||||
}
|
}
|
||||||
|
|
||||||
return(
|
return(
|
||||||
<FormControl sx={{ width: small ? "auto" : "155px" }}>
|
<FormControl sx={{ width: small ? "100px" : "155px" }}>
|
||||||
<Select
|
<Select
|
||||||
labelId="network-select-helper-label"
|
labelId="network-select-helper-label"
|
||||||
id="network-select-helper"
|
id="network-select-helper"
|
||||||
|
|||||||
@ -2,7 +2,6 @@ import { Box, Button, SvgIcon, useMediaQuery, useTheme } from "@mui/material";
|
|||||||
import MenuIcon from "../../assets/icons/hamburger.svg?react";
|
import MenuIcon from "../../assets/icons/hamburger.svg?react";
|
||||||
import Wallet from "./Wallet"
|
import Wallet from "./Wallet"
|
||||||
import SelectNetwork from "./SelectNetwork";
|
import SelectNetwork from "./SelectNetwork";
|
||||||
import GhostChainSelect from "./GhostChainSelect";
|
|
||||||
|
|
||||||
const PREFIX = "TopBar";
|
const PREFIX = "TopBar";
|
||||||
|
|
||||||
@ -23,8 +22,8 @@ function TopBar({
|
|||||||
setWrongNetworkToastId
|
setWrongNetworkToastId
|
||||||
}) {
|
}) {
|
||||||
const themeColor = useTheme();
|
const themeColor = useTheme();
|
||||||
const desktop = useMediaQuery(themeColor.breakpoints.up(1130));
|
const desktop = useMediaQuery(themeColor.breakpoints.up(1048));
|
||||||
const small = useMediaQuery(themeColor.breakpoints.down(600));
|
const small = useMediaQuery(themeColor.breakpoints.down(400));
|
||||||
return (
|
return (
|
||||||
<Box
|
<Box
|
||||||
display="flex"
|
display="flex"
|
||||||
@ -38,10 +37,9 @@ function TopBar({
|
|||||||
display="flex"
|
display="flex"
|
||||||
justifyContent="space-between"
|
justifyContent="space-between"
|
||||||
alignItems="center"
|
alignItems="center"
|
||||||
width={small ? "calc(100vw - 78px)" : "500px"}
|
width={small ? "calc(100vw - 78px)" : "320px"}
|
||||||
height="40px"
|
height="40px"
|
||||||
>
|
>
|
||||||
<GhostChainSelect small={small} />
|
|
||||||
<SelectNetwork
|
<SelectNetwork
|
||||||
wrongNetworkToastId={wrongNetworkToastId}
|
wrongNetworkToastId={wrongNetworkToastId}
|
||||||
setWrongNetworkToastId={setWrongNetworkToastId}
|
setWrongNetworkToastId={setWrongNetworkToastId}
|
||||||
|
|||||||
@ -11,7 +11,7 @@ const WalletButton = ({ openWallet, connect }) => {
|
|||||||
const { isConnected, chain } = useAccount();
|
const { isConnected, chain } = useAccount();
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const onClick = isConnected ? openWallet : connect;
|
const onClick = isConnected ? openWallet : connect;
|
||||||
const label = isConnected ? "Wallet" : `Connect`;
|
const label = `${isConnected ? "Open" : "Connect"} Wallet`;
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
id="fatso-menu-button"
|
id="fatso-menu-button"
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import { NetworkId } from "../constants";
|
import { NetworkId } from "../constants";
|
||||||
|
|
||||||
const GHOST_CONNECT = "https://connect.ghostchain.io/";
|
export const GHOST_CONNECT = "https://connect.ghostchain.io/";
|
||||||
|
|
||||||
export const ECOSYSTEM = [
|
export const ECOSYSTEM = [
|
||||||
{
|
{
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user