transfer ui components

ui/apiKey/ApiKeyModal/ApiKeyModal.tsx

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import type { TApiKeyItem } from 'data/apiKey';
 
 import ApiKeyForm from './ApiKeyForm';
-import FormModal from '../../shared/FormModal';
+import FormModal from 'ui/shared/FormModal';
 
 type Props = {
   isOpen: boolean;

ui/apiKey/ApiKeyTable/ApiKeyTableItem.tsx

@@ -8,11 +8,11 @@ import {
   useColorModeValue,
 } from '@chakra-ui/react'
 
-import EditButton from '../../shared/EditButton';
-import DeleteButton from '../../shared/DeleteButton';
+import EditButton from 'ui/shared/EditButton';
+import DeleteButton from 'ui/shared/DeleteButton';
 
 import type { TApiKeyItem } from 'data/apiKey';
-import CopyToClipboard from '../../shared/CopyToClipboard';
+import CopyToClipboard from 'ui/shared/CopyToClipboard';
 
 interface Props {
   item: TApiKeyItem;

ui/apiKey/DeleteApiKeyModal.tsx

 import React, { useCallback } from 'react';
 import { Text } from '@chakra-ui/react';
-import DeleteModal from '../shared/DeleteModal'
+import DeleteModal from 'ui/shared/DeleteModal'
 
 type Props = {
   isOpen: boolean;

ui/privateTags/AddressModal/AddressForm.tsx

@@ -7,8 +7,8 @@ import {
   Button,
 } from '@chakra-ui/react';
 
-import AddressInput from '../../shared/AddressInput';
-import TagInput from '../../shared/TagInput';
+import AddressInput from 'ui/shared/AddressInput';
+import TagInput from 'ui/shared/TagInput';
 
 import type { TPrivateTagsAddressItem } from 'data/privateTagsAddress';
 

ui/privateTags/AddressModal/AddressModal.tsx

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import type { TPrivateTagsAddressItem } from 'data/privateTagsAddress';
 
 import AddressForm from './AddressForm';
-import FormModal from '../../shared/FormModal';
+import FormModal from 'ui/shared/FormModal';
 
 type Props = {
   isOpen: boolean;

ui/privateTags/AddressTagTable/AddressTagTableItem.tsx

@@ -8,12 +8,12 @@ import {
   Tooltip,
 } from '@chakra-ui/react'
 
-import AddressIcon from '../../shared/AddressIcon';
-import AddressLinkWithTooltip from '../../shared/AddressLinkWithTooltip';
+import AddressIcon from 'ui/shared/AddressIcon';
+import AddressLinkWithTooltip from 'ui/shared/AddressLinkWithTooltip';
 
 import type { TPrivateTagsAddressItem } from 'data/privateTagsAddress';
-import EditButton from '../../shared/EditButton';
-import DeleteButton from '../../shared/DeleteButton';
+import EditButton from 'ui/shared/EditButton';
+import DeleteButton from 'ui/shared/DeleteButton';
 
 interface Props {
   item: TPrivateTagsAddressItem;

ui/privateTags/DeletePrivateTagModal.tsx

 import React, { useCallback } from 'react';
 import { Text } from '@chakra-ui/react';
-import DeleteModal from '../shared/DeleteModal'
+import DeleteModal from 'ui/shared/DeleteModal'
 
 type Props = {
   isOpen: boolean;

ui/privateTags/TransactionModal/TransactionForm.tsx

@@ -7,8 +7,8 @@ import {
   Button,
 } from '@chakra-ui/react';
 
-import TransactionInput from '../../shared/TransactionInput';
-import TagInput from '../../shared/TagInput';
+import TransactionInput from 'ui/shared/TransactionInput';
+import TagInput from 'ui/shared/TagInput';
 
 import type { TPrivateTagsTransactionItem } from 'data/privateTagsTransaction';
 

ui/privateTags/TransactionModal/TransactionModal.tsx

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import type { TPrivateTagsTransactionItem } from 'data/privateTagsTransaction';
 
 import TransactionForm from './TransactionForm';
-import FormModal from '../../shared/FormModal';
+import FormModal from 'ui/shared/FormModal';
 
 type Props = {
   isOpen: boolean;

ui/privateTags/TransactionTagTable/TransactionTagTableItem.tsx

@@ -8,10 +8,10 @@ import {
   Tooltip,
 } from '@chakra-ui/react'
 
-import EditButton from '../../shared/EditButton';
-import DeleteButton from '../../shared/DeleteButton';
+import EditButton from 'ui/shared/EditButton';
+import DeleteButton from 'ui/shared/DeleteButton';
 
-import AddressLinkWithTooltip from '../../shared/AddressLinkWithTooltip';
+import AddressLinkWithTooltip from 'ui/shared/AddressLinkWithTooltip';
 
 import type { TPrivateTagsTransactionItem } from 'data/privateTagsTransaction';
 

ui/watchlist/AddressModal/AddressForm.tsx

@@ -11,8 +11,8 @@ import {
   GridItem,
 } from '@chakra-ui/react';
 
-import AddressInput from '../../shared/AddressInput';
-import TagInput from '../../shared/TagInput';
+import AddressInput from 'ui/shared/AddressInput';
+import TagInput from 'ui/shared/TagInput';
 
 import type { TWatchlistItem } from 'data/watchlist';
 

ui/watchlist/AddressModal/AddressModal.tsx

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import type { TWatchlistItem } from 'data/watchlist';
 
 import AddressForm from './AddressForm';
-import FormModal from '../../shared/FormModal';
+import FormModal from 'ui/shared/FormModal';
 
 type Props = {
   isOpen: boolean;

ui/watchlist/DeleteAddressModal.tsx

 import React, { useCallback } from 'react';
 import { Text } from '@chakra-ui/react';
-import DeleteModal from '../shared/DeleteModal'
+import DeleteModal from 'ui/shared/DeleteModal'
 
 type Props = {
   isOpen: boolean;

ui/watchlist/WatchlistTable/WatchListAddressItem.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 
 import { Link, HStack, VStack, Image, Text, Icon, useColorModeValue } from '@chakra-ui/react';
 
-import AddressIcon from '../../shared/AddressIcon';
-import AddressLinkWithTooltip from '../../shared/AddressLinkWithTooltip';
+import AddressIcon from 'ui/shared/AddressIcon';
+import AddressLinkWithTooltip from 'ui/shared/AddressLinkWithTooltip';
 import type { TWatchlistItem } from 'data/watchlist';
 import { nbsp } from 'lib/html-entities';
 import TokensIcon from 'icons/tokens.svg';

ui/watchlist/WatchlistTable/WatchListTableItem.tsx

@@ -9,8 +9,8 @@ import {
   Tooltip,
 } from '@chakra-ui/react'
 
-import EditButton from '../../shared/EditButton';
-import DeleteButton from '../../shared/DeleteButton';
+import EditButton from 'ui/shared/EditButton';
+import DeleteButton from 'ui/shared/DeleteButton';
 
 import type { TWatchlistItem } from 'data/watchlist';