@@ -8,11 +8,12 @@ import { DevtoolsMenu } from "src/ui/app/Navbar/DevtoolsMenu";
8
8
import { HyperdriveLogo } from "src/ui/app/Navbar/HyperdriveLogo" ;
9
9
import { ConnectWalletButton } from "src/ui/base/components/ConnectWallet" ;
10
10
import VersionPicker from "src/ui/base/components/VersionPicker" ;
11
- import { useFeatureFlag } from "src/ui/base/featureFlags/featureFlags" ;
12
11
import { useIsTailwindSmallScreen } from "src/ui/base/mediaBreakpoints" ;
12
+ import { sepolia } from "viem/chains" ;
13
+ import { useChainId } from "wagmi" ;
13
14
export function Navbar ( ) : ReactElement {
14
15
const isTailwindSmallScreen = useIsTailwindSmallScreen ( ) ;
15
- const { isFlagEnabled : showVersionPicker } = useFeatureFlag ( "version-picker" ) ;
16
+ const chainId = useChainId ( ) ;
16
17
return (
17
18
< div className = "daisy-navbar" >
18
19
< div className = "daisy-navbar-start ml-2" >
@@ -36,23 +37,8 @@ export function Navbar(): ReactElement {
36
37
</ span >
37
38
< ArrowTopRightOnSquareIcon className = "-mt-0.5 inline h-4" />
38
39
</ a >
39
- { showVersionPicker ? (
40
- < VersionPicker />
41
- ) : (
42
- < a
43
- target = "_blank"
44
- rel = "noreferrer"
45
- href = "https://warpcast.com/~/compose?text=Can%20you%20outtrade%20me%20on%20Hyperdrive%3F%20Warp%20your%20best%20Hyperdrive%20trade%20screenshot%20below%20%F0%9F%93%88%20%2Fdelv& embeds [ ] = https ://frames.hyperdrive.trade"
46
- className = "text-white daisy-btn rounded-full"
47
- >
48
- < span className = "hidden sm:inline" > Cast on Warpcast</ span >
49
- < span className = "inline sm:hidden" > Cast</ span >
50
- < img
51
- className = "h-4"
52
- src = "https://raw.githubusercontent.com/vrypan/farcaster-brand/ea95543f6d1308dd52631f5e81f395a60447df0b/icons/icon-transparent/transparent-white.svg"
53
- />
54
- </ a >
55
- ) }
40
+
41
+ { chainId === sepolia . id ? < VersionPicker /> : null }
56
42
57
43
{ import . meta. env . DEV && ! isTailwindSmallScreen ? (
58
44
< DevtoolsMenu />
0 commit comments