rename vars

ui/shared/ActionButton/ActionButton.tsx → ui/shared/AppActionButton/AppActionButton.tsx

@@ -17,7 +17,7 @@ type Props = {
   source: 'Txn' | 'NFT collection' | 'NFT item';
 }
 
-const ActionButton = ({ data, className, txHash, source }: Props) => {
+const AppActionButton = ({ data, className, txHash, source }: Props) => {
   const defaultTextColor = useColorModeValue('blue.600', 'blue.300');
   const defaultBg = useColorModeValue('gray.100', 'gray.700');
 
@@ -81,4 +81,4 @@ const ActionButton = ({ data, className, txHash, source }: Props) => {
   );
 };
 
-export default chakra(ActionButton);
+export default chakra(AppActionButton);

ui/shared/ActionButton/useActionData.tsx → ui/shared/AppActionButton/useAppActionData.tsx

 import useAddressMetadataInfoQuery from 'lib/address/useAddressMetadataInfoQuery';
 
-export default function useActionData(address: string | undefined = '') {
+export default function useAppActionData(address: string | undefined = '') {
   const { data } = useAddressMetadataInfoQuery([ address ]);
   const metadata = data?.addresses[address?.toLowerCase()];
   const tag = metadata?.tags?.find(({ tagType }) => tagType === 'protocol');

ui/token/TokenDetails.tsx

@@ -16,8 +16,8 @@ import useFeatureValue from 'lib/growthbook/useFeatureValue';
 import useIsMounted from 'lib/hooks/useIsMounted';
 import { TOKEN_COUNTERS } from 'stubs/token';
 import type { TokenTabs } from 'ui/pages/Token';
-import ActionButton from 'ui/shared/ActionButton/ActionButton';
-import useActionData from 'ui/shared/ActionButton/useActionData';
+import AppActionButton from 'ui/shared/AppActionButton/AppActionButton';
+import useAppActionData from 'ui/shared/AppActionButton/useAppActionData';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
 import DetailsSponsoredItem from 'ui/shared/DetailsSponsoredItem';
 import TruncatedValue from 'ui/shared/TruncatedValue';
@@ -31,7 +31,7 @@ interface Props {
 const TokenDetails = ({ tokenQuery }: Props) => {
   const router = useRouter();
   const isMounted = useIsMounted();
-  const { value: isExperiment } = useFeatureValue('action_button_exp', false);
+  const { value: isActionButtonExperiment } = useFeatureValue('action_button_exp', false);
 
   const hash = router.query.hash?.toString();
 
@@ -40,7 +40,7 @@ const TokenDetails = ({ tokenQuery }: Props) => {
     queryOptions: { enabled: Boolean(router.query.hash), placeholderData: TOKEN_COUNTERS },
   });
 
-  const actionData = useActionData(hash);
+  const appActionData = useAppActionData(hash);
 
   const changeUrlAndScroll = useCallback((tab: TokenTabs) => () => {
     router.push(
@@ -179,20 +179,20 @@ const TokenDetails = ({ tokenQuery }: Props) => {
         <TokenNftMarketplaces
           hash={ hash }
           isLoading={ tokenQuery.isPlaceholderData }
-          actionData={ actionData }
+          appActionData={ appActionData }
           source="NFT collection"
-          isExperiment={ isExperiment }
+          isActionButtonExperiment={ isActionButtonExperiment }
         />
       ) }
 
-      { (type !== 'ERC-20' && config.UI.views.nft.marketplaces.length === 0 && actionData && isExperiment) && (
+      { (type !== 'ERC-20' && config.UI.views.nft.marketplaces.length === 0 && appActionData && isActionButtonExperiment) && (
         <DetailsInfoItem
           title="Dapp"
           hint="Link to the dapp"
           alignSelf="center"
           py={ 1 }
         >
-          <ActionButton data={ actionData } height="30px" source="NFT collection"/>
+          <AppActionButton data={ appActionData } height="30px" source="NFT collection"/>
         </DetailsInfoItem>
       ) }
 

ui/token/TokenNftMarketplaces.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import type { AddressMetadataTagFormatted } from 'types/client/addressMetadata';
 
 import config from 'configs/app';
-import ActionButton from 'ui/shared/ActionButton/ActionButton';
+import AppActionButton from 'ui/shared/AppActionButton/AppActionButton';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
 import TextSeparator from 'ui/shared/TextSeparator';
 
@@ -12,12 +12,12 @@ interface Props {
   hash: string | undefined;
   id?: string;
   isLoading?: boolean;
-  actionData?: AddressMetadataTagFormatted['meta'];
+  appActionData?: AddressMetadataTagFormatted['meta'];
   source: 'NFT collection' | 'NFT item';
-  isExperiment?: boolean;
+  isActionButtonExperiment?: boolean;
 }
 
-const TokenNftMarketplaces = ({ hash, id, isLoading, actionData, source, isExperiment }: Props) => {
+const TokenNftMarketplaces = ({ hash, id, isLoading, appActionData, source, isActionButtonExperiment }: Props) => {
   if (!hash || config.UI.views.nft.marketplaces.length === 0) {
     return null;
   }
@@ -28,7 +28,7 @@ const TokenNftMarketplaces = ({ hash, id, isLoading, actionData, source, isExper
       hint="Marketplaces trading this NFT"
       alignSelf="center"
       isLoading={ isLoading }
-      py={ (actionData && isExperiment) ? 1 : { base: 1, lg: 2 } }
+      py={ (appActionData && isActionButtonExperiment) ? 1 : { base: 1, lg: 2 } }
     >
       <Skeleton isLoaded={ !isLoading } display="flex" columnGap={ 3 } flexWrap="wrap" alignItems="center">
         { config.UI.views.nft.marketplaces.map((item) => {
@@ -49,10 +49,10 @@ const TokenNftMarketplaces = ({ hash, id, isLoading, actionData, source, isExper
             </Tooltip>
           );
         }) }
-        { (actionData && isExperiment) && (
+        { (appActionData && isActionButtonExperiment) && (
           <>
             <TextSeparator color="gray.500" margin={ 0 }/>
-            <ActionButton data={ actionData } height="30px" source={ source }/>
+            <AppActionButton data={ appActionData } height="30px" source={ source }/>
           </>
         ) }
       </Skeleton>

ui/tokenInstance/TokenInstanceDetails.tsx

@@ -5,8 +5,8 @@ import type { TokenInfo, TokenInstance } from 'types/api/token';
 
 import config from 'configs/app';
 import useFeatureValue from 'lib/growthbook/useFeatureValue';
-import ActionButton from 'ui/shared/ActionButton/ActionButton';
-import useActionData from 'ui/shared/ActionButton/useActionData';
+import AppActionButton from 'ui/shared/AppActionButton/AppActionButton';
+import useAppActionData from 'ui/shared/AppActionButton/useAppActionData';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
 import DetailsInfoItemDivider from 'ui/shared/DetailsInfoItemDivider';
@@ -28,8 +28,8 @@ interface Props {
 }
 
 const TokenInstanceDetails = ({ data, token, scrollRef, isLoading }: Props) => {
-  const actionData = useActionData(token?.address);
-  const { value: isExperiment } = useFeatureValue('action_button_exp', false);
+  const appActionData = useAppActionData(token?.address);
+  const { value: isActionButtonExperiment } = useFeatureValue('action_button_exp', false);
 
   const handleCounterItemClick = React.useCallback(() => {
     window.setTimeout(() => {
@@ -82,18 +82,18 @@ const TokenInstanceDetails = ({ data, token, scrollRef, isLoading }: Props) => {
             isLoading={ isLoading }
             hash={ token.address }
             id={ data.id }
-            actionData={ actionData }
+            appActionData={ appActionData }
             source="NFT item"
-            isExperiment={ isExperiment }
+            isActionButtonExperiment={ isActionButtonExperiment }
           />
-          { (config.UI.views.nft.marketplaces.length === 0 && actionData && isExperiment) && (
+          { (config.UI.views.nft.marketplaces.length === 0 && appActionData && isActionButtonExperiment) && (
             <DetailsInfoItem
               title="Dapp"
               hint="Link to the dapp"
               alignSelf="center"
               py={ 1 }
             >
-              <ActionButton data={ actionData } height="30px" source="NFT item"/>
+              <AppActionButton data={ appActionData } height="30px" source="NFT item"/>
             </DetailsInfoItem>
           ) }
         </Grid>

ui/tx/TxSubHeading.tsx

@@ -7,8 +7,8 @@ import useFeatureValue from 'lib/growthbook/useFeatureValue';
 import { NOVES_TRANSLATE } from 'stubs/noves/NovesTranslate';
 import { TX_INTERPRETATION } from 'stubs/txInterpretation';
 import AccountActionsMenu from 'ui/shared/AccountActionsMenu/AccountActionsMenu';
-import ActionButton from 'ui/shared/ActionButton/ActionButton';
-import useActionData from 'ui/shared/ActionButton/useActionData';
+import AppActionButton from 'ui/shared/AppActionButton/AppActionButton';
+import useAppActionData from 'ui/shared/AppActionButton/useAppActionData';
 import { TX_ACTIONS_BLOCK_ID } from 'ui/shared/DetailsActionsWrapper';
 import TxEntity from 'ui/shared/entities/tx/TxEntity';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
@@ -29,8 +29,8 @@ const TxSubHeading = ({ hash, hasTag, txQuery }: Props) => {
   const hasInterpretationFeature = feature.isEnabled;
   const isNovesInterpretation = hasInterpretationFeature && feature.provider === 'noves';
 
-  const actionData = useActionData(txQuery.data?.to?.hash);
-  const { value: isExperiment } = useFeatureValue('action_button_exp', false);
+  const appActionData = useAppActionData(txQuery.data?.to?.hash);
+  const { value: isActionButtonExperiment } = useFeatureValue('action_button_exp', false);
 
   const txInterpretationQuery = useApiQuery('tx_interpretation', {
     pathParams: { hash },
@@ -124,7 +124,9 @@ const TxSubHeading = ({ hash, hasTag, txQuery }: Props) => {
         mt={{ base: 3, lg: 0 }}
       >
         { !hasTag && <AccountActionsMenu/> }
-        { (actionData && isExperiment && hasAnyInterpretation) && <ActionButton data={ actionData } txHash={ hash } source="Txn"/> }
+        { (appActionData && isActionButtonExperiment && hasAnyInterpretation) && (
+          <AppActionButton data={ appActionData } txHash={ hash } source="Txn"/>
+        ) }
         <NetworkExplorers type="tx" pathParam={ hash } ml={{ base: 0, lg: 'auto' }}/>
       </Flex>
     </Box>