renaming

ui/address/AddressDetails.tsx

@@ -21,7 +21,7 @@ import DetailsInfoItem from 'ui/shared/DetailsInfoItem';
 import ExternalLink from 'ui/shared/ExternalLink';
 import HashStringShorten from 'ui/shared/HashStringShorten';
 
-import Tokens from './details/Tokens';
+import Tokens from './tokenSelect/Tokens';
 
 interface Props {
   addressQuery: UseQueryResult<TAddress>;

ui/address/tokenSelect/TokenSelectButton.tsx

@@ -14,7 +14,7 @@ interface Props {
   data: Array<EnhancedData>;
 }
 
-const TokensButton = ({ isOpen, onClick, data }: Props, ref: React.ForwardedRef<HTMLButtonElement>) => {
+const TokenSelectButton = ({ isOpen, onClick, data }: Props, ref: React.ForwardedRef<HTMLButtonElement>) => {
   const totalBn = data.reduce((result, item) => !item.usd ? result : result.plus(BigNumber(item.usd)), ZERO);
 
   return (
@@ -33,4 +33,4 @@ const TokensButton = ({ isOpen, onClick, data }: Props, ref: React.ForwardedRef<
   );
 };
 
-export default React.forwardRef(TokensButton);
+export default React.forwardRef(TokenSelectButton);

ui/address/tokenSelect/TokenSelectItem.tsx

@@ -11,7 +11,7 @@ interface Props {
   data: EnhancedData;
 }
 
-const TokenItem = ({ data }: Props) => {
+const TokenSelectItem = ({ data }: Props) => {
 
   const secondRow = (() => {
     switch (data.token.type) {
@@ -65,4 +65,4 @@ const TokenItem = ({ data }: Props) => {
   );
 };
 
-export default React.memo(TokenItem);
+export default React.memo(TokenSelectItem);

ui/address/tokenSelect/Tokens.tsx

@@ -16,8 +16,8 @@ import type { TokenType } from 'types/api/tokenInfo';
 import arrowIcon from 'icons/arrows/east.svg';
 import searchIcon from 'icons/search.svg';
 
-import TokenItem from './TokenItem';
-import TokensButton from './TokensButton';
+import TokenSelectButton from './TokenSelectButton';
+import TokenSelectItem from './TokenSelectItem';
 import type { Sort } from './utils';
 import { SORTABLE_TOKENS, sortTokenGroups, sortingFns, calculateUsdValue, filterTokens } from './utils';
 
@@ -55,7 +55,7 @@ const Tokens = ({ data }: Props) => {
   return (
     <Popover isOpen={ isOpen } onClose={ onClose } placement="bottom-start" isLazy>
       <PopoverTrigger>
-        <TokensButton isOpen={ isOpen } onClick={ onToggle } data={ modifiedData }/>
+        <TokenSelectButton isOpen={ isOpen } onClick={ onToggle } data={ modifiedData }/>
       </PopoverTrigger>
       <PopoverContent w="355px" maxH="450px" overflowY="scroll">
         <PopoverBody px={ 4 } py={ 6 } bgColor={ bgColor } boxShadow="2xl" >
@@ -98,7 +98,7 @@ const Tokens = ({ data }: Props) => {
                       </Link>
                     ) }
                   </Flex>
-                  { tokenInfo.sort(sortingFns[type](sortDirection)).map((data) => <TokenItem key={ data.token.address + data.token_id } data={ data }/>) }
+                  { tokenInfo.sort(sortingFns[type](sortDirection)).map((data) => <TokenSelectItem key={ data.token.address + data.token_id } data={ data }/>) }
                 </Box>
               );
             }) }