diff --git a/packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/Inputs.tsx b/packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/Inputs.tsx index c58125724c99..fc0ff49361e7 100644 --- a/packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/Inputs.tsx +++ b/packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/Inputs.tsx @@ -1,4 +1,4 @@ -import { Text, Column } from '@trezor/components'; +import { Text, Column, FractionButtonProps } from '@trezor/components'; import { spacings } from '@trezor/theme'; import { formInputsMaxLength } from '@suite-common/validators'; import { useFormatters } from '@suite-common/formatters'; @@ -44,8 +44,11 @@ export const Inputs = () => { restakedReward = '0', } = getStakingDataForNetwork(account) ?? {}; + const isRewardsVisible = restakedReward != ''; const isRewardsDisabled = restakedReward === '0'; + console.log({ restakedReward }); + const { symbol } = account; const networkDisplaySymbol = getNetworkDisplaySymbol(symbol); @@ -171,24 +174,31 @@ export const Inputs = () => { ), onClick: () => onCryptoAmountChange(autocompoundBalance), }, - { - id: 'TR_FRACTION_BUTTONS_REWARDS', - children: , - tooltip: isRewardsDisabled ? ( - - ) : ( - - - - - - - ), - isSubtle: true, - variant: 'primary', - isDisabled: isRewardsDisabled, - onClick: () => onCryptoAmountChange(restakedReward), - }, + ...(isRewardsVisible + ? [ + { + id: 'TR_FRACTION_BUTTONS_REWARDS', + children: , + tooltip: isRewardsDisabled ? ( + + ) : ( + + + + + + + ), + isSubtle: true, + variant: 'primary', + isDisabled: isRewardsDisabled, + onClick: () => onCryptoAmountChange(restakedReward), + } as FractionButtonProps, + ] + : []), ]} />