rename component

ui/address/tokens/TokensListItem.tsx

@@ -4,13 +4,12 @@ import React from 'react';
 import type { AddressTokenBalance } from 'types/api/address';
 
 import getCurrencyValue from 'lib/getCurrencyValue';
+import AddressAddToWallet from 'ui/shared/address/AddressAddToWallet';
 import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
 import TokenLogo from 'ui/shared/TokenLogo';
 
-import AddressAddToMetaMask from '../details/AddressAddToMetaMask';
-
 type Props = AddressTokenBalance;
 
 const TokensListItem = ({ token, value }: Props) => {
@@ -31,7 +30,7 @@ const TokensListItem = ({ token, value }: Props) => {
       <Flex alignItems="center" pl={ 8 }>
         <AddressLink hash={ token.address } type="address" truncation="constant"/>
         <CopyToClipboard text={ token.address } ml={ 1 }/>
-        <AddressAddToMetaMask token={ token } ml={ 2 }/>
+        <AddressAddToWallet token={ token } ml={ 2 }/>
       </Flex>
       { token.exchange_rate !== undefined && token.exchange_rate !== null && (
         <HStack spacing={ 3 }>

ui/address/tokens/TokensTableItem.tsx

@@ -4,12 +4,11 @@ import React from 'react';
 import type { AddressTokenBalance } from 'types/api/address';
 
 import getCurrencyValue from 'lib/getCurrencyValue';
+import AddressAddToWallet from 'ui/shared/address/AddressAddToWallet';
 import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import TokenLogo from 'ui/shared/TokenLogo';
 
-import AddressAddToMetaMask from '../details/AddressAddToMetaMask';
-
 type Props = AddressTokenBalance;
 
 const TokensTableItem = ({
@@ -38,7 +37,7 @@ const TokensTableItem = ({
             <AddressLink hash={ token.address } type="address" truncation="constant"/>
             <CopyToClipboard text={ token.address } ml={ 1 }/>
           </Flex>
-          <AddressAddToMetaMask token={ token } ml={ 4 }/>
+          <AddressAddToWallet token={ token } ml={ 4 }/>
         </Flex>
       </Td>
       <Td isNumeric verticalAlign="middle">

ui/shared/AddressHeadingInfo.tsx

@@ -6,9 +6,9 @@ import type { TokenInfo } from 'types/api/token';
 
 import config from 'configs/app/config';
 import useIsMobile from 'lib/hooks/useIsMobile';
-import AddressAddToMetaMask from 'ui/address/details/AddressAddToMetaMask';
 import AddressFavoriteButton from 'ui/address/details/AddressFavoriteButton';
 import AddressQrCode from 'ui/address/details/AddressQrCode';
+import AddressAddToWallet from 'ui/shared/address/AddressAddToWallet';
 import AddressIcon from 'ui/shared/address/AddressIcon';
 import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
@@ -35,7 +35,7 @@ const AddressHeadingInfo = ({ address, token, isLinkDisabled }: Props) => {
         isDisabled={ isLinkDisabled }
       />
       <CopyToClipboard text={ address.hash }/>
-      { address.is_contract && token && <AddressAddToMetaMask ml={ 2 } token={ token }/> }
+      { address.is_contract && token && <AddressAddToWallet ml={ 2 } token={ token }/> }
       { !address.is_contract && config.isAccountSupported && (
         <AddressFavoriteButton hash={ address.hash } watchListId={ address.watchlist_address_id } ml={ 3 }/>
       ) }

ui/address/details/AddressAddToMetaMask.tsx → ui/shared/address/AddressAddToWallet.tsx

@@ -11,7 +11,7 @@ interface Props {
   token: TokenInfo;
 }
 
-const AddressAddToMetaMask = ({ className, token }: Props) => {
+const AddressAddToWallet = ({ className, token }: Props) => {
   const toast = useToast();
 
   const handleClick = React.useCallback(async() => {
@@ -63,4 +63,4 @@ const AddressAddToMetaMask = ({ className, token }: Props) => {
   );
 };
 
-export default React.memo(chakra(AddressAddToMetaMask));
+export default React.memo(chakra(AddressAddToWallet));

ui/tokens/TokensListItem.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import type { TokenInfo } from 'types/api/token';
 
 import getCurrencyValue from 'lib/getCurrencyValue';
-import AddressAddToMetaMask from 'ui/address/details/AddressAddToMetaMask';
+import AddressAddToWallet from 'ui/shared/address/AddressAddToWallet';
 import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
@@ -60,7 +60,7 @@ const TokensTableItem = ({
             <AddressLink fontSize="sm" hash={ address } type="address" truncation="constant"/>
             <CopyToClipboard text={ address } ml={ 1 }/>
           </Flex>
-          <AddressAddToMetaMask token={ token }/>
+          <AddressAddToWallet token={ token }/>
         </Flex>
       </Flex>
       { exchangeRate && (

ui/tokens/TokensTableItem.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import type { TokenInfo } from 'types/api/token';
 
 import getCurrencyValue from 'lib/getCurrencyValue';
-import AddressAddToMetaMask from 'ui/address/details/AddressAddToMetaMask';
+import AddressAddToWallet from 'ui/shared/address/AddressAddToWallet';
 import AddressLink from 'ui/shared/address/AddressLink';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import TokenLogo from 'ui/shared/TokenLogo';
@@ -61,7 +61,7 @@ const TokensTableItem = ({
                 <AddressLink fontSize="sm" hash={ address } type="address" truncation="constant" fontWeight={ 500 }/>
                 <CopyToClipboard text={ address } ml={ 1 }/>
               </Flex>
-              <AddressAddToMetaMask token={ token }/>
+              <AddressAddToWallet token={ token }/>
             </Flex>
             <Tag flexShrink={ 0 } ml={ 8 } mt={ 3 }>{ type }</Tag>
           </Box>