Commit 4335ada2 authored by isstuev's avatar isstuev

fixes

parent a52df2cc
...@@ -72,7 +72,9 @@ const AddressDetails = ({ addressQuery }: Props) => { ...@@ -72,7 +72,9 @@ const AddressDetails = ({ addressQuery }: Props) => {
</Text> </Text>
<CopyToClipboard text={ addressQuery.data.hash }/> <CopyToClipboard text={ addressQuery.data.hash }/>
{ addressQuery.data.is_contract && addressQuery.data.token && <AddressAddToMetaMask ml={ 2 } token={ addressQuery.data.token }/> } { addressQuery.data.is_contract && addressQuery.data.token && <AddressAddToMetaMask ml={ 2 } token={ addressQuery.data.token }/> }
<AddressFavoriteButton hash={ addressQuery.data.hash } isAdded={ Boolean(addressQuery.data.watchlist_names?.length) } ml={ 3 }/> { !addressQuery.data.is_contract && (
<AddressFavoriteButton hash={ addressQuery.data.hash } isAdded={ Boolean(addressQuery.data.watchlist_names?.length) } ml={ 3 }/>
) }
<AddressQrCode hash={ addressQuery.data.hash } ml={ 2 }/> <AddressQrCode hash={ addressQuery.data.hash } ml={ 2 }/>
</Flex> </Flex>
{ explorers.length > 0 && ( { explorers.length > 0 && (
......
...@@ -27,15 +27,11 @@ const TokenPageContent = () => { ...@@ -27,15 +27,11 @@ const TokenPageContent = () => {
{ id: 'holders', title: 'Holders', component: null }, { id: 'holders', title: 'Holders', component: null },
]; ];
if (tokenQuery.isError) {
throw Error('Token fetch error', { cause: tokenQuery.error as unknown as Error });
}
return ( return (
<Page> <Page>
{ tokenQuery.isLoading ? { tokenQuery.isLoading ?
<Skeleton w="500px" h={ 10 } mb={ 6 }/> : <Skeleton w="500px" h={ 10 } mb={ 6 }/> :
<PageTitle text={ `${ tokenQuery.data.name } (${ tokenQuery.data.symbol }) token` }/> } <PageTitle text={ `${ tokenQuery.data?.name } (${ tokenQuery.data?.symbol }) token` }/> }
<TokenContractInfo tokenQuery={ tokenQuery }/> <TokenContractInfo tokenQuery={ tokenQuery }/>
<TokenDetails tokenQuery={ tokenQuery }/> <TokenDetails tokenQuery={ tokenQuery }/>
<Element name="token-tabs"><RoutedTabs tabs={ tabs } tabListProps={{ mt: 8 }}/></Element> <Element name="token-tabs"><RoutedTabs tabs={ tabs } tabListProps={{ mt: 8 }}/></Element>
......
...@@ -8,7 +8,6 @@ import type { TokenInfo } from 'types/api/tokenInfo'; ...@@ -8,7 +8,6 @@ import type { TokenInfo } from 'types/api/tokenInfo';
import useApiQuery from 'lib/api/useApiQuery'; import useApiQuery from 'lib/api/useApiQuery';
import useIsMobile from 'lib/hooks/useIsMobile'; import useIsMobile from 'lib/hooks/useIsMobile';
import AddressAddToMetaMask from 'ui/address/details/AddressAddToMetaMask'; import AddressAddToMetaMask from 'ui/address/details/AddressAddToMetaMask';
import AddressFavoriteButton from 'ui/address/details/AddressFavoriteButton';
import AddressQrCode from 'ui/address/details/AddressQrCode'; import AddressQrCode from 'ui/address/details/AddressQrCode';
import AddressContractIcon from 'ui/shared/address/AddressContractIcon'; import AddressContractIcon from 'ui/shared/address/AddressContractIcon';
import AddressLink from 'ui/shared/address/AddressLink'; import AddressLink from 'ui/shared/address/AddressLink';
...@@ -34,7 +33,6 @@ const TokenContractInfo = ({ tokenQuery }: Props) => { ...@@ -34,7 +33,6 @@ const TokenContractInfo = ({ tokenQuery }: Props) => {
<Skeleton w="400px" h={ 5 } ml={ 2 }/> <Skeleton w="400px" h={ 5 } ml={ 2 }/>
<Skeleton w={ 5 } h={ 5 } ml={ 1 }/> <Skeleton w={ 5 } h={ 5 } ml={ 1 }/>
<Skeleton w={ 9 } h={ 8 } ml={ 2 }/> <Skeleton w={ 9 } h={ 8 } ml={ 2 }/>
<Skeleton w={ 9 } h={ 8 } ml={ 3 }/>
<Skeleton w={ 9 } h={ 8 } ml={ 2 }/> <Skeleton w={ 9 } h={ 8 } ml={ 2 }/>
</Flex> </Flex>
); );
...@@ -53,7 +51,6 @@ const TokenContractInfo = ({ tokenQuery }: Props) => { ...@@ -53,7 +51,6 @@ const TokenContractInfo = ({ tokenQuery }: Props) => {
<AddressLink hash={ hash } ml={ 2 } truncation={ isMobile ? 'constant' : 'none' }/> <AddressLink hash={ hash } ml={ 2 } truncation={ isMobile ? 'constant' : 'none' }/>
<CopyToClipboard text={ hash } ml={ 1 }/> <CopyToClipboard text={ hash } ml={ 1 }/>
{ contractQuery.data?.token && <AddressAddToMetaMask token={ contractQuery.data?.token } ml={ 2 }/> } { contractQuery.data?.token && <AddressAddToMetaMask token={ contractQuery.data?.token } ml={ 2 }/> }
<AddressFavoriteButton hash={ hash } isAdded={ Boolean(contractQuery.data?.watchlist_names?.length) } ml={ 3 }/>
<AddressQrCode hash={ hash } ml={ 2 }/> <AddressQrCode hash={ hash } ml={ 2 }/>
</Flex> </Flex>
); );
......
...@@ -52,6 +52,10 @@ const TokenDetails = ({ tokenQuery }: Props) => { ...@@ -52,6 +52,10 @@ const TokenDetails = ({ tokenQuery }: Props) => {
return <Link onClick={ changeUrlAndScroll(tab) }>{ itemValue }</Link>; return <Link onClick={ changeUrlAndScroll(tab) }>{ itemValue }</Link>;
}, [ tokenCountersQuery.data, changeUrlAndScroll ]); }, [ tokenCountersQuery.data, changeUrlAndScroll ]);
if (tokenQuery.isError) {
throw Error('Token fetch error', { cause: tokenQuery.error as unknown as Error });
}
if (tokenQuery.isLoading) { if (tokenQuery.isLoading) {
return ( return (
<Grid mt={ 10 } columnGap={ 8 } rowGap={{ base: 5, lg: 7 }} templateColumns={{ base: '1fr', lg: '210px 1fr' }} maxW="1000px"> <Grid mt={ 10 } columnGap={ 8 } rowGap={{ base: 5, lg: 7 }} templateColumns={{ base: '1fr', lg: '210px 1fr' }} maxW="1000px">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment