chore: remove tokens flag (#4943)

src/components/Header/index.tsx

@@ -3,7 +3,6 @@ import useScrollPosition from '@react-hook/window-scroll'
 import { useWeb3React } from '@web3-react/core'
 import { getChainInfoOrDefault } from 'constants/chainInfo'
 import { SupportedChainId } from 'constants/chains'
-import { TokensVariant, useTokensFlag } from 'featureFlags/flags/tokens'
 import { darken } from 'polished'
 import { NavLink, useLocation } from 'react-router-dom'
 import { Text } from 'rebass'
@@ -244,8 +243,6 @@ const StyledExternalLink = styled(ExternalLink)`
 `
 
 export default function Header() {
-  const tokensFlag = useTokensFlag()
-
   const { account, chainId } = useWeb3React()
 
   const userEthBalance = useNativeCurrencyBalances(account ? [account] : [])?.[account ?? '']
@@ -291,11 +288,9 @@ export default function Header() {
         <StyledNavLink id={`swap-nav-link`} to={'/swap'}>
           <Trans>Swap</Trans>
         </StyledNavLink>
-        {tokensFlag === TokensVariant.Enabled && (
-          <StyledNavLink id={`tokens-nav-link`} to={'/tokens'}>
-            <Trans>Tokens</Trans>
-          </StyledNavLink>
-        )}
+        <StyledNavLink id={`tokens-nav-link`} to={'/tokens'}>
+          <Trans>Tokens</Trans>
+        </StyledNavLink>
         <StyledNavLink
           data-cy="pool-nav-link"
           id={`pool-nav-link`}

src/components/TopLevelModals/index.tsx

@@ -3,7 +3,6 @@ import AddressClaimModal from 'components/claim/AddressClaimModal'
 import ConnectedAccountBlocked from 'components/ConnectedAccountBlocked'
 import TokensBanner from 'components/Tokens/TokensBanner'
 import { NftVariant, useNftFlag } from 'featureFlags/flags/nft'
-import { TokensVariant, useTokensFlag } from 'featureFlags/flags/tokens'
 import useAccountRiskCheck from 'hooks/useAccountRiskCheck'
 import { lazy } from 'react'
 import { useLocation } from 'react-router-dom'
@@ -27,8 +26,7 @@ export default function TopLevelModals() {
     <>
       <AddressClaimModal isOpen={addressClaimOpen} onDismiss={addressClaimToggle} />
       <ConnectedAccountBlocked account={account} isOpen={open} />
-      {useTokensFlag() === TokensVariant.Enabled &&
-        (location.pathname.includes('/pool') || location.pathname.includes('/swap')) && <TokensBanner />}
+      {(location.pathname.includes('/pool') || location.pathname.includes('/swap')) && <TokensBanner />}
       <Bag />
       {useNftFlag() === NftVariant.Enabled && <TransactionCompleteModal />}
     </>

src/featureFlags/flags/tokens.ts

-import { BaseVariant } from '../index'
-
-export function useTokensFlag(): BaseVariant {
-  return BaseVariant.Enabled
-}
-
-export { BaseVariant as TokensVariant }

src/pages/App.tsx

@@ -7,7 +7,6 @@ import { useFeatureFlagsIsLoaded } from 'featureFlags'
 import { NavBarVariant, useNavBarFlag } from 'featureFlags/flags/navBar'
 import { NftVariant, useNftFlag } from 'featureFlags/flags/nft'
 import { RedesignVariant, useRedesignFlag } from 'featureFlags/flags/redesign'
-import { TokensVariant, useTokensFlag } from 'featureFlags/flags/tokens'
 import ApeModeQueryParamReader from 'hooks/useApeModeQueryParamReader'
 import { lazy, Suspense, useEffect } from 'react'
 import { Navigate, Route, Routes, useLocation } from 'react-router-dom'
@@ -115,7 +114,6 @@ const LazyLoadSpinner = () => (
 
 export default function App() {
   const isLoaded = useFeatureFlagsIsLoaded()
-  const tokensFlag = useTokensFlag()
   const navBarFlag = useNavBarFlag()
   const nftFlag = useNftFlag()
   const redesignFlagEnabled = useRedesignFlag() === RedesignVariant.Enabled
@@ -166,21 +164,17 @@ export default function App() {
             <Suspense fallback={<Loader />}>
               {isLoaded ? (
                 <Routes>
-                  {tokensFlag === TokensVariant.Enabled && (
-                    <>
-                      <Route path="tokens" element={<Tokens />}>
-                        <Route path=":chainName" />
-                      </Route>
-                      <Route
-                        path="tokens/:chainName/:tokenAddress"
-                        element={
-                          <Suspense fallback={<LoadingTokenDetails />}>
-                            <TokenDetails />
-                          </Suspense>
-                        }
-                      />
-                    </>
-                  )}
+                  <Route path="tokens" element={<Tokens />}>
+                    <Route path=":chainName" />
+                  </Route>
+                  <Route
+                    path="tokens/:chainName/:tokenAddress"
+                    element={
+                      <Suspense fallback={<LoadingTokenDetails />}>
+                        <TokenDetails />
+                      </Suspense>
+                    }
+                  />
                   <Route
                     path="vote/*"
                     element={