Commit 9ce4cf73 authored by tom's avatar tom

disable tooltips for buttons on mobile

parent 20b4185f
...@@ -17,7 +17,7 @@ const ContractMethodAddressButton = ({ onClick, isDisabled }: Props) => { ...@@ -17,7 +17,7 @@ const ContractMethodAddressButton = ({ onClick, isDisabled }: Props) => {
}, [ address, onClick ]); }, [ address, onClick ]);
return ( return (
<Tooltip content="Connect your wallet to enter your address." disabled={ Boolean(address) }> <Tooltip content="Connect your wallet to enter your address." disabled={ Boolean(address) } disableOnMobile>
<Button <Button
variant="subtle" variant="subtle"
size="xs" size="xs"
......
...@@ -60,7 +60,7 @@ const AddressFavoriteButton = ({ className, hash, watchListId }: Props) => { ...@@ -60,7 +60,7 @@ const AddressFavoriteButton = ({ className, hash, watchListId }: Props) => {
<> <>
<AuthGuard onAuthSuccess={ handleAddToFavorite }> <AuthGuard onAuthSuccess={ handleAddToFavorite }>
{ ({ onClick }) => ( { ({ onClick }) => (
<Tooltip content={ `${ watchListId ? 'Remove address from Watch list' : 'Add address to Watch list' }` }> <Tooltip content={ `${ watchListId ? 'Remove address from Watch list' : 'Add address to Watch list' }` } disableOnMobile>
<IconButton <IconButton
className={ className } className={ className }
aria-label="edit" aria-label="edit"
......
...@@ -58,7 +58,7 @@ const AddressQrCode = ({ hash, className, isLoading }: Props) => { ...@@ -58,7 +58,7 @@ const AddressQrCode = ({ hash, className, isLoading }: Props) => {
return ( return (
<> <>
<Tooltip content="Click to view QR code"> <Tooltip content="Click to view QR code" disableOnMobile>
<IconButton <IconButton
className={ className } className={ className }
aria-label="Show QR code" aria-label="Show QR code"
......
...@@ -83,7 +83,7 @@ const AddressEnsDomains = ({ query, addressHash, mainDomainName }: Props) => { ...@@ -83,7 +83,7 @@ const AddressEnsDomains = ({ query, addressHash, mainDomainName }: Props) => {
return ( return (
<PopoverRoot> <PopoverRoot>
<Tooltip content="List of names resolved or owned by this address"> <Tooltip content="List of names resolved or owned by this address" disableOnMobile>
<div> <div>
<PopoverTrigger> <PopoverTrigger>
<Button <Button
......
...@@ -15,7 +15,7 @@ interface Props { ...@@ -15,7 +15,7 @@ interface Props {
const ButtonItem = ({ className, label, onClick, icon, isDisabled }: Props) => { const ButtonItem = ({ className, label, onClick, icon, isDisabled }: Props) => {
return ( return (
<Tooltip content={ label } disabled={ isDisabled }> <Tooltip content={ label } disabled={ isDisabled } disableOnMobile>
<IconButton <IconButton
aria-label={ label } aria-label={ label }
className={ className } className={ className }
......
...@@ -17,7 +17,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props ...@@ -17,7 +17,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props
return ( return (
<HStack gap={ 6 } alignSelf="flex-end"> <HStack gap={ 6 } alignSelf="flex-end">
<Tooltip content="Edit"> <Tooltip content="Edit" disableOnMobile>
<IconButton <IconButton
aria-label="edit" aria-label="edit"
variant="link" variant="link"
...@@ -30,7 +30,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props ...@@ -30,7 +30,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props
<IconSvg name="edit"/> <IconSvg name="edit"/>
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Tooltip content="Delete"> <Tooltip content="Delete" disableOnMobile>
<IconButton <IconButton
aria-label="delete" aria-label="delete"
variant="link" variant="link"
......
...@@ -74,6 +74,7 @@ const UserProfileButton = ({ profileQuery, size, variant, onClick, isPending, .. ...@@ -74,6 +74,7 @@ const UserProfileButton = ({ profileQuery, size, variant, onClick, isPending, ..
content={ <span>Sign in to My Account to add tags,<br/>create watchlists, access API keys and more</span> } content={ <span>Sign in to My Account to add tags,<br/>create watchlists, access API keys and more</span> }
disabled={ isMobile || isLoading || Boolean(data) } disabled={ isMobile || isLoading || Boolean(data) }
openDelay={ 500 } openDelay={ 500 }
disableOnMobile
> >
<span> <span>
<Button <Button
......
...@@ -42,6 +42,7 @@ const UserWalletButton = ({ size, variant, isPending, isAutoConnectDisabled, add ...@@ -42,6 +42,7 @@ const UserWalletButton = ({ size, variant, isPending, isAutoConnectDisabled, add
content={ <span>Connect your wallet<br/>to Blockscout for<br/>full-featured access</span> } content={ <span>Connect your wallet<br/>to Blockscout for<br/>full-featured access</span> }
disabled={ isMobile || Boolean(address) } disabled={ isMobile || Boolean(address) }
openDelay={ 500 } openDelay={ 500 }
disableOnMobile
> >
<Button <Button
ref={ ref } ref={ ref }
......
...@@ -66,7 +66,7 @@ const VerifiedAddressesListItem = ({ item, application, onAdd, onEdit, isLoading ...@@ -66,7 +66,7 @@ const VerifiedAddressesListItem = ({ item, application, onAdd, onEdit, isLoading
noCopy noCopy
noSymbol noSymbol
/> />
<Tooltip content="Edit" disabled={ isLoading }> <Tooltip content="Edit" disabled={ isLoading } disableOnMobile>
<IconButton <IconButton
aria-label="edit" aria-label="edit"
variant="link" variant="link"
......
...@@ -83,7 +83,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit, isLoadin ...@@ -83,7 +83,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit, isLoadin
</TableCell> </TableCell>
<TableCell pl="0"> <TableCell pl="0">
{ item.metadata.tokenName && application && !isLoading ? ( { item.metadata.tokenName && application && !isLoading ? (
<Tooltip content="Edit" disabled={ isLoading }> <Tooltip content="Edit" disabled={ isLoading } disableOnMobile>
<IconButton <IconButton
aria-label="edit" aria-label="edit"
variant="link" variant="link"
......
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