diff --git a/src/components/CurrencySymbolButton.js b/src/components/CurrencySymbolButton.js index 8b73cabc1b23..b5929271031d 100644 --- a/src/components/CurrencySymbolButton.js +++ b/src/components/CurrencySymbolButton.js @@ -1,10 +1,10 @@ import React from 'react'; -import {TouchableOpacity} from 'react-native'; import PropTypes from 'prop-types'; import Text from './Text'; import styles from '../styles/styles'; import Tooltip from './Tooltip'; import withLocalize, {withLocalizePropTypes} from './withLocalize'; +import PressableWithoutFeedback from './Pressable/PressableWithoutFeedback'; const propTypes = { /** Currency symbol of selected currency */ @@ -19,9 +19,13 @@ const propTypes = { function CurrencySymbolButton(props) { return ( - + {props.currencySymbol} - + ); } diff --git a/src/components/Pressable/PressableWithoutFeedback.js b/src/components/Pressable/PressableWithoutFeedback.js index 5b25f207d2a3..92e704550dec 100644 --- a/src/components/Pressable/PressableWithoutFeedback.js +++ b/src/components/Pressable/PressableWithoutFeedback.js @@ -5,11 +5,16 @@ import GenericPressableProps from './GenericPressable/PropTypes'; const omittedProps = ['pressStyle', 'hoverStyle', 'focusStyle', 'activeStyle', 'disabledStyle', 'screenReaderActiveStyle', 'shouldUseHapticsOnPress', 'shouldUseHapticsOnLongPress']; -const PressableWithoutFeedback = (props) => { +const PressableWithoutFeedback = React.forwardRef((props, ref) => { const propsWithoutStyling = _.omit(props, omittedProps); - // eslint-disable-next-line react/jsx-props-no-spreading - return ; -}; + return ( + + ); +}); PressableWithoutFeedback.displayName = 'PressableWithoutFeedback'; PressableWithoutFeedback.propTypes = _.omit(GenericPressableProps.pressablePropTypes, omittedProps);