fix: Review fixes

webapp/src/components/Modals/BuyWithCryptoModal/MintNameWithCryptoModal/MintNameWithCryptoModal.container.ts

@@ -24,8 +24,8 @@ import { MintNameWithCryptoModal } from './MintNameWithCryptoModal'
 
 const mapState = (state: RootState): MapStateProps => {
   return {
-    isClaimingName: isLoadingType(getLoading(state), CLAIM_NAME_REQUEST),
-    isClaimingNameCrossChain: isLoadingType(
+    isMintingName: isLoadingType(getLoading(state), CLAIM_NAME_REQUEST),
+    isMintingNameCrossChain: isLoadingType(
       getLoading(state),
       CLAIM_NAME_CROSS_CHAIN_REQUEST
     ),

webapp/src/components/Modals/BuyWithCryptoModal/MintNameWithCryptoModal/MintNameWithCryptoModal.tsx

@@ -28,8 +28,8 @@ export const CONTROLLER_V2_ADDRESS = config.get(
 const MintNameWithCryptoModalHOC = (props: Props) => {
   const {
     name: modalName,
-    isClaimingName,
-    isClaimingNameCrossChain,
+    isMintingName,
+    isMintingNameCrossChain,
     metadata: { name },
     isLoadingAuthorization,
     getContract,
@@ -137,8 +137,8 @@ const MintNameWithCryptoModalHOC = (props: Props) => {
   return (
     <BuyWithCryptoModal
       price={PRICE_IN_WEI}
-      isBuyingAsset={isClaimingName}
-      isBuyingCrossChain={isClaimingNameCrossChain}
+      isBuyingAsset={isMintingName}
+      isBuyingCrossChain={isMintingNameCrossChain}
       onBuyNatively={onBuyNatively}
       onBuyCrossChain={onClaimNameCrossChain}
       onGetGasCost={onGetGasCost}

webapp/src/components/Modals/BuyWithCryptoModal/MintNameWithCryptoModal/MintNameWithCryptoModal.types.ts

@@ -7,15 +7,15 @@ import { claimNameRequest } from '../../../../modules/ens/actions'
 
 export type Props = WithAuthorizedActionProps & Omit<ModalProps, 'metadata'> & {
   metadata: { name: string }
-  isClaimingName: boolean
-  isClaimingNameCrossChain: boolean
+  isMintingName: boolean
+  isMintingNameCrossChain: boolean
   getContract: (query: Partial<Contract>) => ReturnType<typeof getContract>
   onClaimName: typeof claimNameRequest
   onOpenFatFingerModal: () => unknown
   onClaimNameCrossChain: (route: Route) => unknown
 }
 
-export type MapStateProps = Pick<Props, 'getContract' | 'isClaimingName' | 'isClaimingNameCrossChain'>
+export type MapStateProps = Pick<Props, 'getContract' | 'isMintingName' | 'isMintingNameCrossChain'>
 export type MapDispatchProps = Pick<
   Props,
   'onClaimName' | 'onClaimNameCrossChain' | 'onOpenFatFingerModal'

webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.container.ts

@@ -29,7 +29,7 @@ import { getContract } from '../../../modules/contract/selectors'
 import { getMana, getWallet } from '../../../modules/wallet/selectors'
 import {
   getIsClaimingNamesWithFiatEnabled,
-  getIsMintingNamesWithAxelarEnabled
+  getIsMintingNamesCrossChainEnabled
 } from '../../../modules/features/selectors'
 import {
   MapDispatch,
@@ -46,7 +46,7 @@ const mapState = (state: RootState): MapState => ({
   address: getAddress(state),
   getContract: (query: Partial<Contract>) => getContract(state, query),
   wallet: getWallet(state),
-  isClaimingNamesWithAxelarEnabled: getIsMintingNamesWithAxelarEnabled(state),
+  isClaimingNamesCrossChainEnabled: getIsMintingNamesCrossChainEnabled(state),
   isClaimingNamesWithFiatEnabled: getIsClaimingNamesWithFiatEnabled(state)
 })
 

webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.spec.tsx

@@ -34,7 +34,7 @@ describe('ClaimNameFatFingerModal', () => {
   const onClaimTxSubmittedMock = jest.fn()
   const baseProps = {
     currentMana: 0,
-    isClaimingNamesWithAxelarEnabled: false,
+    isClaimingNamesCrossChainEnabled: false,
     onBuyWithCrypto: onBuyWithCryptoMock,
     identity: {} as AuthIdentity,
     onClaimTxSubmitted: onClaimTxSubmittedMock,

webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.tsx

@@ -55,7 +55,7 @@ const ClaimNameFatFingerModal = ({
   metadata: { name: ENSName, autoComplete },
   isLoading: isClaiming,
   isClaimingNamesWithFiatEnabled,
-  isClaimingNamesWithAxelarEnabled,
+  isClaimingNamesCrossChainEnabled,
   onClaim,
   onBuyWithCrypto,
   onAuthorizedAction,
@@ -243,7 +243,7 @@ const ClaimNameFatFingerModal = ({
         onClose={isLoading ? undefined : onClose}
       />
       <Form
-        onSubmit={!isClaimingNamesWithAxelarEnabled ? handleClaim : undefined}
+        onSubmit={!isClaimingNamesCrossChainEnabled ? handleClaim : undefined}
       >
         <Modal.Content>
           <div className="details">
@@ -276,7 +276,7 @@ const ClaimNameFatFingerModal = ({
             <Icon name="info circle" />
             {t('names_page.claim_name_fat_finger_modal.caps_warning')}
           </div>
-          {!isClaimingNamesWithAxelarEnabled ? (
+          {!isClaimingNamesCrossChainEnabled ? (
             <div>
               <span className="payWith payWithTitle">
                 {t('names_page.claim_name_fat_finger_modal.paying_with')}
@@ -392,10 +392,10 @@ const ClaimNameFatFingerModal = ({
         </Modal.Content>
         <Modal.Actions
           className={classNames(
-            isClaimingNamesWithAxelarEnabled && 'modalActions'
+            isClaimingNamesCrossChainEnabled && 'modalActions'
           )}
         >
-          {isClaimingNamesWithAxelarEnabled ? (
+          {isClaimingNamesCrossChainEnabled ? (
             <>
               <BuyWithCryptoButton
                 assetNetwork={Network.ETHEREUM}

webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.types.ts

@@ -30,7 +30,7 @@ export type Props = Omit<ModalProps, 'metadata'> & {
     name: string
     autoComplete?: boolean
   }
-  isClaimingNamesWithAxelarEnabled: boolean
+  isClaimingNamesCrossChainEnabled: boolean
   isClaimingNamesWithFiatEnabled: boolean
   onClaim: typeof claimNameRequest
   onBuyWithCrypto: typeof openModal
@@ -47,7 +47,7 @@ export type MapState = Pick<
   | 'isLoading'
   | 'wallet'
   | 'currentMana'
-  | 'isClaimingNamesWithAxelarEnabled'
+  | 'isClaimingNamesCrossChainEnabled'
   | 'isClaimingNamesWithFiatEnabled'
 >
 export type MapDispatchProps = Pick<

webapp/src/modules/ens/actions.ts

@@ -1,8 +1,8 @@
 import { action } from 'typesafe-actions'
 import { ChainId } from '@dcl/schemas'
+import { Route } from 'decentraland-transactions/crossChain'
 import { buildTransactionPayload } from 'decentraland-dapps/dist/modules/transaction/utils'
 import { ENS, ENSError } from './types'
-import { Route } from 'decentraland-transactions/crossChain'
 
 // Claim a new name
 export const CLAIM_NAME_REQUEST = '[Request] Claim Name'

webapp/src/modules/features/selectors.spec.ts

@@ -17,7 +17,7 @@ import {
   isLoadingFeatureFlags,
   getIsClaimingNamesWithFiatEnabled,
   getIsEnsAddressEnabled,
-  getIsMintingNamesWithAxelarEnabled,
+  getIsMintingNamesCrossChainEnabled,
   getIsChainSelectorEnabled
 } from './selectors'
 import { FeatureName } from './types'
@@ -175,15 +175,15 @@ const waitForInitialLoadingSelectors = [
   {
     name: 'minting-names-with-axelar',
     feature: FeatureName.MINTING_NAMES_WITH_AXELAR,
-    selector: getIsMintingNamesWithAxelarEnabled,
+    selector: getIsMintingNamesCrossChainEnabled,
     applicationName: ApplicationName.MARKETPLACE
   },
   {
     name: 'chain-selector',
     feature: FeatureName.CHAIN_SELECTOR,
     selector: getIsChainSelectorEnabled,
     applicationName: ApplicationName.MARKETPLACE
-  },
+  }
 ]
 
 waitForInitialLoadingSelectors.forEach(

webapp/src/modules/features/selectors.ts

@@ -130,7 +130,7 @@ export const getIsEnsAddressEnabled = (state: RootState) => {
   return false
 }
 
-export const getIsMintingNamesWithAxelarEnabled = (state: RootState) => {
+export const getIsMintingNamesCrossChainEnabled = (state: RootState) => {
   return (
     hasLoadedInitialFlags(state) &&
     getIsFeatureEnabled(