diff --git a/src/components/FeatureFlagModal/FeatureFlagModal.tsx b/src/components/FeatureFlagModal/FeatureFlagModal.tsx
index 0f1b21a0ce..7a95686dd4 100644
--- a/src/components/FeatureFlagModal/FeatureFlagModal.tsx
+++ b/src/components/FeatureFlagModal/FeatureFlagModal.tsx
@@ -1,4 +1,5 @@
import { BaseVariant, FeatureFlag, featureFlagSettings, useUpdateFlag } from 'featureFlags'
+import { useFiatOnrampFlag } from 'featureFlags/flags/fiatOnramp'
import { Permit2Variant, usePermit2Flag } from 'featureFlags/flags/permit2'
import { TraceJsonRpcVariant, useTraceJsonRpcFlag } from 'featureFlags/flags/traceJsonRpc'
import { useAtomValue, useUpdateAtom } from 'jotai/utils'
@@ -208,6 +209,12 @@ export default function FeatureFlagModal() {
featureFlag={FeatureFlag.permit2}
label="Permit 2 / Universal Router"
/>
+
{
} = getChainInfoOrDefault(chainId ? chainId : SupportedChainId.MAINNET)
const navigate = useNavigate()
const closeModal = useCloseModal(ApplicationModal.WALLET_DROPDOWN)
-
+ const fiatOnrampFlag = useFiatOnrampFlag()
const setSellPageState = useProfilePageState((state) => state.setProfilePageState)
const resetSellAssets = useSellAsset((state) => state.reset)
const clearCollectionFilters = useWalletCollections((state) => state.clearCollectionFilters)
@@ -215,6 +221,11 @@ const AuthenticatedHeader = () => {
>
View and sell NFTs
+ {fiatOnrampFlag === BaseVariant.Enabled && (
+
+ Buy crypto
+
+ )}
{isUnclaimed && (
Claim {unclaimedAmount?.toFixed(0, { groupSeparator: ',' } ?? '-')} reward
diff --git a/src/featureFlags/flags/featureFlags.ts b/src/featureFlags/flags/featureFlags.ts
index 2ba3fd166d..797b5ce15b 100644
--- a/src/featureFlags/flags/featureFlags.ts
+++ b/src/featureFlags/flags/featureFlags.ts
@@ -1,4 +1,5 @@
export enum FeatureFlag {
+ fiatOnramp = 'fiatOnramp',
traceJsonRpc = 'traceJsonRpc',
permit2 = 'permit2',
}
diff --git a/src/featureFlags/flags/fiatOnramp.ts b/src/featureFlags/flags/fiatOnramp.ts
new file mode 100644
index 0000000000..f4a6c3a39b
--- /dev/null
+++ b/src/featureFlags/flags/fiatOnramp.ts
@@ -0,0 +1,5 @@
+import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
+
+export function useFiatOnrampFlag(): BaseVariant {
+ return useBaseFlag(FeatureFlag.fiatOnramp)
+}