Add link to v1.0.6 pools in version picker (#1212)

* Add link to v1.0.6 pools in version picker" * Add link to v1.0.6 pools in version picker, remove version picker from behind feature flag
delvtech · Jun 26, 2024 · b89654e · b89654e
1 parent 58468d2
commit b89654e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 35 deletions.
diff --git a/apps/hyperdrive-trading/src/ui/app/Footer/Footer.tsx b/apps/hyperdrive-trading/src/ui/app/Footer/Footer.tsx
@@ -6,10 +6,7 @@ import LinkedInIcon from "src/ui/base/icons/linkedin";
 import XIcon from "src/ui/base/icons/x";
 import { privacyPolicyUrl } from "src/ui/compliance/privacyPolicy";
 import { termsOfUseUrl } from "src/ui/compliance/termsOfUse";
-import { sepolia } from "viem/chains";
-import { useChainId } from "wagmi";
 export default function Footer(): ReactElement {
-  const chainId = useChainId();
   const footerTitleClassName =
     "daisy-footer-title text-neutral-content opacity-100"; // need to set opacity here to override daisy-footer-title
   return (
@@ -83,16 +80,6 @@ export default function Footer(): ReactElement {
         >
           Trading Bots
         </a>
-        {chainId === sepolia.id ? (
-          <a
-            target="_blank"
-            rel="noreferrer"
-            href="https://testnet-v1.hyperdrive.box"
-            className="daisy-link-hover daisy-link"
-          >
-            <span className="">V1 Pools</span>
-          </a>
-        ) : undefined}
       </nav>
       <nav>
         <header className={footerTitleClassName}>Ecosystem</header>

diff --git a/apps/hyperdrive-trading/src/ui/app/Navbar/DevtoolsMenu.tsx b/apps/hyperdrive-trading/src/ui/app/Navbar/DevtoolsMenu.tsx
@@ -19,9 +19,6 @@ export function DevtoolsMenu(): ReactElement {
         <FeatureFlagMenuItem flagName="bridge">
           Bridge Assets
         </FeatureFlagMenuItem>
-        <FeatureFlagMenuItem flagName="version-picker">
-          Show Version Picker
-        </FeatureFlagMenuItem>
         <MenuItem
           onClick={() => {
             throw new Error(

diff --git a/apps/hyperdrive-trading/src/ui/app/Navbar/Navbar.tsx b/apps/hyperdrive-trading/src/ui/app/Navbar/Navbar.tsx
@@ -8,11 +8,12 @@ import { DevtoolsMenu } from "src/ui/app/Navbar/DevtoolsMenu";
 import { HyperdriveLogo } from "src/ui/app/Navbar/HyperdriveLogo";
 import { ConnectWalletButton } from "src/ui/base/components/ConnectWallet";
 import VersionPicker from "src/ui/base/components/VersionPicker";
-import { useFeatureFlag } from "src/ui/base/featureFlags/featureFlags";
 import { useIsTailwindSmallScreen } from "src/ui/base/mediaBreakpoints";
+import { sepolia } from "viem/chains";
+import { useChainId } from "wagmi";
 export function Navbar(): ReactElement {
   const isTailwindSmallScreen = useIsTailwindSmallScreen();
-  const { isFlagEnabled: showVersionPicker } = useFeatureFlag("version-picker");
+  const chainId = useChainId();
   return (
     <div className="daisy-navbar">
       <div className="daisy-navbar-start ml-2">
@@ -36,23 +37,8 @@ export function Navbar(): ReactElement {
           </span>
           <ArrowTopRightOnSquareIcon className="-mt-0.5 inline h-4" />
         </a>
-        {showVersionPicker ? (
-          <VersionPicker />
-        ) : (
-          <a
-            target="_blank"
-            rel="noreferrer"
-            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"
-            className="text-white daisy-btn rounded-full"
-          >
-            <span className="hidden sm:inline">Cast on Warpcast</span>
-            <span className="inline sm:hidden">Cast</span>
-            <img
-              className="h-4"
-              src="https://raw.githubusercontent.com/vrypan/farcaster-brand/ea95543f6d1308dd52631f5e81f395a60447df0b/icons/icon-transparent/transparent-white.svg"
-            />
-          </a>
-        )}
+
+        {chainId === sepolia.id ? <VersionPicker /> : null}
 
         {import.meta.env.DEV && !isTailwindSmallScreen ? (
           <DevtoolsMenu />

diff --git a/apps/hyperdrive-trading/src/ui/base/components/VersionPicker.tsx b/apps/hyperdrive-trading/src/ui/base/components/VersionPicker.tsx
@@ -14,6 +14,15 @@ export default function VersionPicker(): JSX.Element {
         tabIndex={0}
         className="daisy-menu daisy-dropdown-content z-[1] w-auto gap-2 rounded-lg bg-base-100 p-4 shadow"
       >
+        <li>
+          <a
+            rel="noreferrer"
+            target="_blank"
+            href="https://testnet-v1-0-6.hyperdrive.box/"
+          >
+            V1.0.6 Pools
+          </a>
+        </li>
         <li>
           <a
             rel="noreferrer"