diff --git a/native/chat/settings/thread-settings-member.react.js b/native/chat/settings/thread-settings-member.react.js --- a/native/chat/settings/thread-settings-member.react.js +++ b/native/chat/settings/thread-settings-member.react.js @@ -40,6 +40,7 @@ import { useSelector } from '../../redux/redux-utils.js'; import { type Colors, useColors, useStyles } from '../../themes/colors.js'; import type { VerticalBounds } from '../../types/layout-types.js'; +import { useNavigateToUserProfileBottomSheet } from '../../user-profile/user-profile-utils.js'; type BaseProps = { +memberInfo: RelativeMemberInfo, @@ -62,6 +63,7 @@ +keyboardState: ?KeyboardState, // withOverlayContext +overlayContext: ?OverlayContextType, + +navigateToUserProfileBottomSheet: (userID: string) => mixed, }; class ThreadSettingsMember extends React.PureComponent { editButton: ?React.ElementRef; @@ -133,7 +135,10 @@ ? this.props.styles.lastContainer : null; return ( - + @@ -142,10 +147,14 @@ {editButton} {roleInfo} - + ); } + onPressUser = () => { + this.props.navigateToUserProfileBottomSheet(this.props.memberInfo.id); + }; + editButtonRef = (editButton: ?React.ElementRef) => { this.editButton = editButton; }; @@ -268,6 +277,9 @@ const keyboardState = React.useContext(KeyboardContext); const overlayContext = React.useContext(OverlayContext); + const navigateToUserProfileBottomSheet = + useNavigateToUserProfileBottomSheet(); + return ( ); });