Move empty state to common components

src/app/components/RuntimeEvents/RuntimeEventsDetailedList.tsx

@@ -3,7 +3,7 @@ import { SearchScope } from '../../../types/searchScope'
 import { RuntimeEvent } from '../../../oasis-nexus/api'
 import { AddressSwitchOption } from '../AddressSwitch'
 import { useTranslation } from 'react-i18next'
-import { CardEmptyState } from '../../pages/AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { TextSkeleton } from '../Skeleton'
 import { RuntimeEventDetails } from './RuntimeEventDetails'
 import Divider from '@mui/material/Divider'

src/app/pages/AccountDetailsPage/AccountDetailsView.tsx

@@ -2,7 +2,7 @@ import { FC } from 'react'
 import { EvmToken, RuntimeAccount } from '../../../oasis-nexus/api'
 import { useTranslation } from 'react-i18next'
 import { TokenPriceInfo } from '../../../coin-gecko/api'
-import { CardEmptyState } from './CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { Account } from '../../components/Account'
 
 export const AccountDetailsView: FC<{

src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx

@@ -19,7 +19,7 @@ import { AccountLink } from 'app/components/Account/AccountLink'
 import { CopyToClipboard } from 'app/components/CopyToClipboard'
 import { AddressLoaderData, RouteUtils } from 'app/utils/route-utils'
 import { ImageListItemImage } from '../TokenDashboardPage/ImageListItemImage'
-import { CardEmptyState } from '../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { TablePagination } from '../../components/Table/TablePagination'
 import { useAccountTokenInventory } from '../TokenDashboardPage/hook'
 import { EvmNft } from 'oasis-nexus/api'

src/app/pages/AccountDetailsPage/AccountTokenTransfersCard.tsx

@@ -6,7 +6,7 @@ import CardContent from '@mui/material/CardContent'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
-import { CardEmptyState } from './CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { useTokenTransfers } from '../TokenDashboardPage/hook'
 import { TokenTransfers } from '../../components/Tokens/TokenTransfers'
 import { AccountDetailsContext } from './index'

src/app/pages/AccountDetailsPage/AccountTokensCard.tsx

@@ -6,7 +6,7 @@ import Card from '@mui/material/Card'
 import CardHeader from '@mui/material/CardHeader'
 import CardContent from '@mui/material/CardContent'
 import Link from '@mui/material/Link'
-import { CardEmptyState } from './CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { Table, TableCellAlign, TableColProps } from '../../components/Table'
 import { CopyToClipboard } from '../../components/CopyToClipboard'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'

src/app/pages/AccountDetailsPage/AccountTransactionsCard.tsx

@@ -7,7 +7,7 @@ import { RuntimeTransactions } from '../../components/Transactions'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
-import { CardEmptyState } from './CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { useAccountTransactions } from './hook'
 import { AccountDetailsContext } from './index'
 

src/app/pages/AccountDetailsPage/ContractCodeCard.tsx

@@ -4,7 +4,7 @@ import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
 import { useAccount } from './hook'
-import { CardEmptyState } from './CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { TokenDashboardContext } from '../TokenDashboardPage'
 import { RawDataDisplay } from '../../components/CodeDisplay'
 

src/app/pages/NFTInstanceDashboardPage/NFTMetadataCard.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
-import { CardEmptyState } from './../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { NftDashboardContext } from '../NFTInstanceDashboardPage'
 import { JsonCodeDisplay } from '../../components/CodeDisplay'
 import { useNFTInstance } from '../TokenDashboardPage/hook'

src/app/pages/NFTInstanceDashboardPage/NFTTokenTransfersCard.tsx

@@ -8,7 +8,7 @@ import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { TokenTransfers } from '../../components/Tokens/TokenTransfers'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
 import { NftDashboardContext } from './'
-import { CardEmptyState } from '../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { useNFTInstanceTransfers } from '../TokenDashboardPage/hook'
 
 export const nftTokenTransfersContainerId = 'nftTokenTransfers'

src/app/pages/TokenDashboardPage/TokenHoldersCard.tsx

@@ -6,7 +6,7 @@ import CardContent from '@mui/material/CardContent'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
-import { CardEmptyState } from '../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { useTokenHolders, useTokenInfo } from './hook'
 import { TokenHolders } from '../../components/Tokens/TokenHolders'
 import { TokenDashboardContext } from './index'

src/app/pages/TokenDashboardPage/TokenInventoryCard.tsx

@@ -9,7 +9,7 @@ import ImageListItem from '@mui/material/ImageListItem'
 import ImageListItemBar from '@mui/material/ImageListItemBar'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
-import { CardEmptyState } from '../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { TokenDashboardContext } from './index'
 import { RouteUtils } from '../../utils/route-utils'
 import { TablePagination } from '../../components/Table/TablePagination'

src/app/pages/TokenDashboardPage/TokenTransfersCard.tsx

@@ -6,7 +6,7 @@ import CardContent from '@mui/material/CardContent'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { TokenTransfers } from '../../components/Tokens/TokenTransfers'
-import { CardEmptyState } from '../AccountDetailsPage/CardEmptyState'
+import { CardEmptyState } from '../../components/CardEmptyState'
 import { useAccount } from '../AccountDetailsPage/hook'
 import { useTokenInfo, useTokenTransfers } from './hook'
 import { TokenDashboardContext } from './index'