metamask-extension/ui/components/app/user-preferenced-currency-input/user-preferenced-currency-input.component.js

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import CurrencyInput from '../../ui/currency-input';

export default class UserPreferencedCurrencyInput extends PureComponent {
  static propTypes = {
    useNativeCurrencyAsPrimaryCurrency: PropTypes.bool,
    sendInputCurrencySwitched: PropTypes.bool,
  };

  render() {
    const {
      useNativeCurrencyAsPrimaryCurrency,
      sendInputCurrencySwitched,
      ...restProps
    } = this.props;

    return (
      <CurrencyInput
        {...restProps}
        featureSecondary={Boolean(
          (useNativeCurrencyAsPrimaryCurrency && sendInputCurrencySwitched) ||
            (!useNativeCurrencyAsPrimaryCurrency && !sendInputCurrencySwitched),
        )}
      />
    );
  }
}