diff --git a/app/screens/channel_info/channel_info.js b/app/screens/channel_info/channel_info.js index 3938ea493..bd999dbb9 100644 --- a/app/screens/channel_info/channel_info.js +++ b/app/screens/channel_info/channel_info.js @@ -570,6 +570,7 @@ export default class ChannelInfo extends PureComponent { defaultMessage={defaultMessage} icon='times' iconColor='#CA3B27' + rightArrow={false} textId={i18nId} textColor='#CA3B27' theme={theme} diff --git a/app/screens/channel_info/channel_info_row.js b/app/screens/channel_info/channel_info_row.js index 06657859f..43e0e4f33 100644 --- a/app/screens/channel_info/channel_info_row.js +++ b/app/screens/channel_info/channel_info_row.js @@ -25,7 +25,7 @@ function createTouchableComponent(children, action) { } function channelInfoRow(props) { - const {action, defaultMessage, detail, icon, iconColor, image, imageTintColor, textColor, textId, togglable, theme, shouldRender, isLandscape} = props; + const {action, defaultMessage, detail, icon, iconColor, image, imageTintColor, rightArrow, textColor, textId, togglable, theme, shouldRender, isLandscape} = props; if (!shouldRender) { return null; @@ -52,6 +52,26 @@ function channelInfoRow(props) { ); } + let actionElement = null; + if (togglable) { + actionElement = ( + + ); + } + + if (rightArrow) { + actionElement = ( + + ); + } + const RowComponent = ( {iconElement} @@ -61,17 +81,7 @@ function channelInfoRow(props) { defaultMessage={defaultMessage} /> {detail} - {togglable ? - : - - } + {actionElement} ); @@ -94,6 +104,7 @@ channelInfoRow.propTypes = { iconColor: PropTypes.string, image: PropTypes.number, imageTintColor: PropTypes.string, + rightArrow: PropTypes.bool, textId: PropTypes.string.isRequired, togglable: PropTypes.bool, textColor: PropTypes.string, @@ -101,6 +112,7 @@ channelInfoRow.propTypes = { }; channelInfoRow.defaultProps = { + rightArrow: true, togglable: false, shouldRender: true, };