cursor pointer for tooltip icons in the Send tab

pull/348/head
slowbackspace 5 years ago
parent 3f7c504e0a
commit 717c8ba000

@ -124,6 +124,10 @@ const StyledLink = styled(Link)`
white-space: nowrap;
`;
const StyledIcon = styled(Icon)`
cursor: pointer;
`;
// stateless component
const AdvancedForm = (props: Props) => {
const {
@ -186,7 +190,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
placement="top"
>
<Icon
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={24}
@ -228,7 +232,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
placement="top"
>
<Icon
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={24}
@ -256,7 +260,7 @@ const AdvancedForm = (props: Props) => {
)}
placement="top"
>
<Icon
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={24}

@ -64,6 +64,10 @@ const AdvancedSettingsSendButtonWrapper = styled.div`
justify-content: flex-end;
`;
const StyledIcon = styled(Icon)`
cursor: pointer;
`;
const getFeeInputState = (feeErrors: string, feeWarnings: string): string => {
let state = '';
if (feeWarnings && !feeErrors) {
@ -132,7 +136,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://developers.ripple.com/transaction-cost.html"
placement="top"
>
<Icon
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={24}
@ -168,7 +172,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://developers.ripple.com/rippleapi-reference.html#payment"
placement="top"
>
<Icon
<StyledIcon
icon={ICONS.HELP}
color={colors.TEXT_SECONDARY}
size={24}

Loading…
Cancel
Save