mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
disable tooltips for buttons on mobile
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user