feat: Phase 1 flag (#4310)

* add phase 1 feature flag

* update label text
Co-authored-by: Charles Bachmeier <charlie@genie.xyz>

src/components/FeatureFlagModal/FeatureFlagModal.tsx

 import { FeatureFlag, useUpdateFlag } from 'featureFlags'
 import { Phase0Variant, usePhase0Flag } from 'featureFlags/flags/phase0'
+import { Phase1Variant, usePhase1Flag } from 'featureFlags/flags/phase1'
 import { ReactNode } from 'react'
 import { X } from 'react-feather'
 import { useModalIsOpen, useToggleFeatureFlags } from 'state/application/hooks'
@@ -105,6 +106,12 @@ export default function FeatureFlagModal() {
         featureFlag={FeatureFlag.phase0}
         label="All Phase 0 changes (redesign, explore, header)."
       />
+      <FeatureFlagOption
+        variants={Object.values(Phase1Variant)}
+        value={usePhase1Flag()}
+        featureFlag={FeatureFlag.phase1}
+        label="All Phase 1 changes (nft features)."
+      />
     </Modal>
   )
 }

src/featureFlags/flags/phase1.ts

+import { BaseVariant, useBaseFlag } from '../index'
+
+export function usePhase1Flag(): BaseVariant {
+  return useBaseFlag('phase1')
+}
+
+export { BaseVariant as Phase1Variant }

src/featureFlags/index.tsx

@@ -55,6 +55,7 @@ export enum BaseVariant {
 
 export enum FeatureFlag {
   phase0 = 'phase0',
+  phase1 = 'phase1',
 }
 
 export function useBaseFlag(flag: string): BaseVariant {