feat: add progress_indicator_v2 flag (#7445)

* feat: add progress_indicator_v2 flag

* rename flag hook

src/components/FeatureFlagModal/FeatureFlagModal.tsx

@@ -11,6 +11,7 @@ import { useInfoLiveViewsFlag } from 'featureFlags/flags/infoLiveViews'
 import { useInfoPoolPageFlag } from 'featureFlags/flags/infoPoolPage'
 import { useInfoTDPFlag } from 'featureFlags/flags/infoTDP'
 import { useMultichainUXFlag } from 'featureFlags/flags/multichainUx'
+import { useProgressIndicatorV2Flag } from 'featureFlags/flags/progressIndicatorV2'
 import { useQuickRouteMainnetFlag } from 'featureFlags/flags/quickRouteMainnet'
 import { TraceJsonRpcVariant, useTraceJsonRpcFlag } from 'featureFlags/flags/traceJsonRpc'
 import { useUniswapXDefaultEnabledFlag } from 'featureFlags/flags/uniswapXDefault'
@@ -290,6 +291,12 @@ export default function FeatureFlagModal() {
           featureFlag={FeatureFlag.fotAdjustedmentsEnabled}
           label="Enable fee-on-transfer UI and slippage adjustments"
         />
+        <FeatureFlagOption
+          variant={BaseVariant}
+          value={useProgressIndicatorV2Flag()}
+          featureFlag={FeatureFlag.progressIndicatorV2}
+          label="Refreshed swap progress indicator"
+        />
         <FeatureFlagGroup name="Quick routes">
           <FeatureFlagOption
             variant={BaseVariant}

src/featureFlags/flags/progressIndicatorV2.ts

+import { BaseVariant, FeatureFlag, useBaseFlag } from '../index'
+
+export function useProgressIndicatorV2Flag(): BaseVariant {
+  return useBaseFlag(FeatureFlag.progressIndicatorV2)
+}

src/featureFlags/index.tsx

@@ -21,6 +21,7 @@ export enum FeatureFlag {
   infoLiveViews = 'info_live_views',
   uniswapXDefaultEnabled = 'uniswapx_default_enabled',
   quickRouteMainnet = 'enable_quick_route_mainnet',
+  progressIndicatorV2 = 'progress_indicator_v2',
 }
 
 interface FeatureFlagsContextType {