watchlist fixes

components/CopyToClipboard/CopyToClipboard.tsx

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect } from 'react';
 import { Icon, useClipboard, useToast } from '@chakra-ui/react';
 import { FaCopy } from 'react-icons/fa';
 
-const WatchListAddressItem = ({ text }: {text: string}) => {
+const CopyToClipboard = ({ text }: {text: string}) => {
   const { hasCopied, onCopy } = useClipboard(text);
   const toast = useToast();
 
@@ -21,4 +21,4 @@ const WatchListAddressItem = ({ text }: {text: string}) => {
   return <Icon as={ FaCopy } w="15px" h="15px" color="blue.500" cursor="pointer" onClick={ copyToClipboardCallback }/>;
 }
 
-export default WatchListAddressItem;
+export default CopyToClipboard;

components/Tag/Tag.tsx

-import React from 'react';
-
-import { Box } from '@chakra-ui/react'
-
-type Props = { children: React.ReactNode };
-
-const Tag: React.FC<Props> = (props) => {
-  return (
-    <Box backgroundColor="gray.200" color="gray.600" borderRadius="4px" fontSize="xs" padding="2px 8px" width="fit-content">
-      { props.children }
-    </Box>
-  )
-}
-
-export default Tag;