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) => {
}, [ address, onClick ]);
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
variant="subtle"
size="xs"
......
......@@ -60,7 +60,7 @@ const AddressFavoriteButton = ({ className, hash, watchListId }: Props) => {
<>
<AuthGuard onAuthSuccess={ handleAddToFavorite }>
{ ({ 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
className={ className }
aria-label="edit"
......
......@@ -58,7 +58,7 @@ const AddressQrCode = ({ hash, className, isLoading }: Props) => {
return (
<>
<Tooltip content="Click to view QR code">
<Tooltip content="Click to view QR code" disableOnMobile>
<IconButton
className={ className }
aria-label="Show QR code"
......
......@@ -83,7 +83,7 @@ const AddressEnsDomains = ({ query, addressHash, mainDomainName }: Props) => {
return (
<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>
<PopoverTrigger>
<Button
......
......@@ -15,7 +15,7 @@ interface Props {
const ButtonItem = ({ className, label, onClick, icon, isDisabled }: Props) => {
return (
<Tooltip content={ label } disabled={ isDisabled }>
<Tooltip content={ label } disabled={ isDisabled } disableOnMobile>
<IconButton
aria-label={ label }
className={ className }
......
......@@ -17,7 +17,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props
return (
<HStack gap={ 6 } alignSelf="flex-end">
<Tooltip content="Edit">
<Tooltip content="Edit" disableOnMobile>
<IconButton
aria-label="edit"
variant="link"
......@@ -30,7 +30,7 @@ const TableItemActionButtons = ({ onEditClick, onDeleteClick, isLoading }: Props
<IconSvg name="edit"/>
</IconButton>
</Tooltip>
<Tooltip content="Delete">
<Tooltip content="Delete" disableOnMobile>
<IconButton
aria-label="delete"
variant="link"
......
......@@ -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> }
disabled={ isMobile || isLoading || Boolean(data) }
openDelay={ 500 }
disableOnMobile
>
<span>
<Button
......
......@@ -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> }
disabled={ isMobile || Boolean(address) }
openDelay={ 500 }
disableOnMobile
>
<Button
ref={ ref }
......
......@@ -66,7 +66,7 @@ const VerifiedAddressesListItem = ({ item, application, onAdd, onEdit, isLoading
noCopy
noSymbol
/>
<Tooltip content="Edit" disabled={ isLoading }>
<Tooltip content="Edit" disabled={ isLoading } disableOnMobile>
<IconButton
aria-label="edit"
variant="link"
......
......@@ -83,7 +83,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit, isLoadin
</TableCell>
<TableCell pl="0">
{ item.metadata.tokenName && application && !isLoading ? (
<Tooltip content="Edit" disabled={ isLoading }>
<Tooltip content="Edit" disabled={ isLoading } disableOnMobile>
<IconButton
aria-label="edit"
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