diff --git a/.changelog/2301.internal.md b/.changelog/2301.internal.md new file mode 100644 index 0000000000..e56965d3eb --- /dev/null +++ b/.changelog/2301.internal.md @@ -0,0 +1 @@ +Replace MUI Tooltip with Oasis UI Library component diff --git a/src/app/components/ConsensusTransactionMethod/index.tsx b/src/app/components/ConsensusTransactionMethod/index.tsx index 0c5c06ff13..20b45f9eab 100644 --- a/src/app/components/ConsensusTransactionMethod/index.tsx +++ b/src/app/components/ConsensusTransactionMethod/index.tsx @@ -13,8 +13,7 @@ import MiscellaneousServicesIcon from '@mui/icons-material/MiscellaneousServices import PersonIcon from '@mui/icons-material/Person' import PriceChangeIcon from '@mui/icons-material/PriceChange' import QuestionMarkIcon from '@mui/icons-material/QuestionMark' -import Tooltip from '@mui/material/Tooltip' -import { tooltipDelay } from '../../../styles/theme' +import { Tooltip } from '@oasisprotocol/ui-library/src/components/tooltip' import { ConsensusTxMethod, GetConsensusTransactionsParams } from '../../../oasis-nexus/api' import { COLORS } from '../../../styles/theme/colors' import { exhaustedTypeWarning } from '../../../types/errors' @@ -142,16 +141,7 @@ const MethodIconWithTruncatedLabel: FC = props => { }, [applyTruncate, elementRef, props.label, props.size]) return ( - +
diff --git a/src/app/components/Tooltip/MaybeWithTooltip.tsx b/src/app/components/Tooltip/MaybeWithTooltip.tsx index 6e04ef7328..30b8ff7c12 100644 --- a/src/app/components/Tooltip/MaybeWithTooltip.tsx +++ b/src/app/components/Tooltip/MaybeWithTooltip.tsx @@ -1,5 +1,5 @@ import { FC, ReactNode } from 'react' -import Tooltip from '@mui/material/Tooltip' +import { Tooltip } from '@oasisprotocol/ui-library/src/components/tooltip' type MaybeWithTooltipProps = { /** @@ -26,11 +26,9 @@ type MaybeWithTooltipProps = { export const MaybeWithTooltip: FC = ({ title, children, spanClassName }) => { return ( {title}} - disableFocusListener={!title} - disableHoverListener={!title} - disableTouchListener={!title} + disabled={!title} > {children}