diff --git a/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx b/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx index a26aa53774..0dd543c289 100644 --- a/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx +++ b/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx @@ -6,7 +6,7 @@ import { TBondedMixnode, TBondedGateway } from '../../../../context/bonding'; import { SimpleModal } from '../../../../components/Modals/SimpleModal'; export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode | TBondedGateway }) => { - const { bond } = bondedNode; + const { bond, type } = bondedNode; const [buttonActive, setButtonActive] = useState(false); const [open, setOpen] = useState(true); @@ -19,12 +19,16 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode const theme = useTheme(); useEffect(() => { - if (profitMargin === profitMarginPercent && operatorCost === parseInt(bond.amount)) { + if ( + type === 'mixnode' && + bondedNode.profitMargin === profitMarginPercent && + operatorCost === parseInt(bond.amount) + ) { setButtonActive(false); } else { setButtonActive(true); } - }, [profitMargin, operatorCost]); + }, [profitMarginPercent, operatorCost]); const handleChange = (e: React.ChangeEvent) => { const { value, id } = e.target; @@ -97,23 +101,25 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode - - handleChange(e)} - fullWidth - InputProps={{ - endAdornment: ( - - % - - ), - }} - /> - + {type === 'mixnode' && ( + + handleChange(e)} + fullWidth + InputProps={{ + endAdornment: ( + + % + + ), + }} + /> + + )}