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) +}