diff --git a/src/App.tsx b/src/App.tsx index 02011c9fc..e3602976d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -47,6 +47,7 @@ const App = (): JSX.Element => { const dispatch = useDispatch(); const isStrategiesEnabled = useFeatureFlag(FeatureFlags.STRATEGIES); const isOnboardingEnabled = useFeatureFlag(FeatureFlags.ONBOARDING); + const isBobXInterlayEnabled = useFeatureFlag(FeatureFlags.BOB_X_INTERLAY); // Detects if the connected account is a vault operator const { error: vaultsError } = useQuery, Error>( @@ -120,9 +121,11 @@ const App = (): JSX.Element => { - - - + {isBobXInterlayEnabled && ( + + + + )} {isStrategiesEnabled && ( <> diff --git a/src/hooks/use-feature-flag.ts b/src/hooks/use-feature-flag.ts index c5d356ac2..b5702b261 100644 --- a/src/hooks/use-feature-flag.ts +++ b/src/hooks/use-feature-flag.ts @@ -1,13 +1,15 @@ enum FeatureFlags { STRATEGIES = 'strategies', GEOBLOCK = 'geoblock', - ONBOARDING = 'onboarding' + ONBOARDING = 'onboarding', + BOB_X_INTERLAY = 'bob-x-interlay' } const featureFlags: Record = { [FeatureFlags.STRATEGIES]: process.env.REACT_APP_FEATURE_FLAG_STRATEGIES, [FeatureFlags.GEOBLOCK]: process.env.REACT_APP_FEATURE_FLAG_GEOBLOCK, - [FeatureFlags.ONBOARDING]: process.env.REACT_APP_FEATURE_FLAG_ONBOARDING + [FeatureFlags.ONBOARDING]: process.env.REACT_APP_FEATURE_FLAG_ONBOARDING, + [FeatureFlags.BOB_X_INTERLAY]: process.env.REACT_APP_FEATURE_FLAG_BOB_X_INTERLAY }; const useFeatureFlag = (feature: FeatureFlags): boolean => featureFlags[feature] === 'enabled'; diff --git a/src/pages/BOB/BOB.tsx b/src/pages/BOB/BOB.tsx index 6c07f092d..f390ac68b 100644 --- a/src/pages/BOB/BOB.tsx +++ b/src/pages/BOB/BOB.tsx @@ -150,14 +150,17 @@ const BOB = (): JSX.Element => { BOB {' '} - x Interlay exclusive NFT badge today. + x Interlay exclusive NFT badge.

Only original Interlay community members are eligible. Simply submit the EVM address you'd like to receive the NFT and sign the transaction with your Interlay account to prove your community - status. We'll let you know in Interlay Discord when the NFT will be available to claim. + status. +

+

+ Submit your Ethereum address below to register. We'll let you know in Interlay Discord when the NFT + is available to claim.

-

The claim page is only live until [DATE].

@@ -171,7 +174,7 @@ const BOB = (): JSX.Element => { - Claim your NFT + Register your Ethereum address