Changeset View
Changeset View
Standalone View
Standalone View
native/profile/relationship-list-item.react.js
| Show All 9 Lines | import { | ||||
| ActivityIndicator, | ActivityIndicator, | ||||
| } from 'react-native'; | } from 'react-native'; | ||||
| import { | import { | ||||
| updateRelationshipsActionTypes, | updateRelationshipsActionTypes, | ||||
| updateRelationships, | updateRelationships, | ||||
| } from 'lib/actions/relationship-actions.js'; | } from 'lib/actions/relationship-actions.js'; | ||||
| import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors.js'; | import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors.js'; | ||||
| import { getAvatarForUser } from 'lib/shared/avatar-utils.js'; | |||||
| import type { LoadingStatus } from 'lib/types/loading-types.js'; | import type { LoadingStatus } from 'lib/types/loading-types.js'; | ||||
| import { | import { | ||||
| type RelationshipRequest, | type RelationshipRequest, | ||||
| type RelationshipAction, | type RelationshipAction, | ||||
| type RelationshipErrors, | type RelationshipErrors, | ||||
| userRelationshipStatus, | userRelationshipStatus, | ||||
| relationshipActions, | relationshipActions, | ||||
| } from 'lib/types/relationship-types.js'; | } from 'lib/types/relationship-types.js'; | ||||
| import type { | import type { | ||||
| AccountUserInfo, | AccountUserInfo, | ||||
| GlobalAccountUserInfo, | GlobalAccountUserInfo, | ||||
| } from 'lib/types/user-types.js'; | } from 'lib/types/user-types.js'; | ||||
| import { | import { | ||||
| type DispatchActionPromise, | type DispatchActionPromise, | ||||
| useServerCall, | useServerCall, | ||||
| useDispatchActionPromise, | useDispatchActionPromise, | ||||
| } from 'lib/utils/action-utils.js'; | } from 'lib/utils/action-utils.js'; | ||||
| import type { RelationshipListNavigate } from './relationship-list.react.js'; | import type { RelationshipListNavigate } from './relationship-list.react.js'; | ||||
| import Avatar from '../components/avatar.react.js'; | |||||
| import PencilIcon from '../components/pencil-icon.react.js'; | import PencilIcon from '../components/pencil-icon.react.js'; | ||||
| import { SingleLine } from '../components/single-line.react.js'; | import { SingleLine } from '../components/single-line.react.js'; | ||||
| import UserAvatar from '../components/user-avatar.react.js'; | |||||
| import { | import { | ||||
| type KeyboardState, | type KeyboardState, | ||||
| KeyboardContext, | KeyboardContext, | ||||
| } from '../keyboard/keyboard-state.js'; | } from '../keyboard/keyboard-state.js'; | ||||
| import { | import { | ||||
| OverlayContext, | OverlayContext, | ||||
| type OverlayContextType, | type OverlayContextType, | ||||
| } from '../navigation/overlay-context.js'; | } from '../navigation/overlay-context.js'; | ||||
| ▲ Show 20 Lines • Show All 123 Lines • ▼ Show 20 Lines | ) { | ||||
| </TouchableOpacity> | </TouchableOpacity> | ||||
| ); | ); | ||||
| } | } | ||||
| const marginLeftStyle = { | const marginLeftStyle = { | ||||
| marginLeft: this.props.shouldRenderAvatars ? 8 : 0, | marginLeft: this.props.shouldRenderAvatars ? 8 : 0, | ||||
| }; | }; | ||||
| const avatarInfo = getAvatarForUser(this.props.userInfo); | |||||
| return ( | return ( | ||||
| <View style={this.props.styles.container}> | <View style={this.props.styles.container}> | ||||
| <View style={[this.props.styles.innerContainer, borderBottom]}> | <View style={[this.props.styles.innerContainer, borderBottom]}> | ||||
| <Avatar size="small" avatarInfo={avatarInfo} /> | <UserAvatar size="small" userID={this.props.userInfo.id} /> | ||||
| <SingleLine style={[this.props.styles.username, marginLeftStyle]}> | <SingleLine style={[this.props.styles.username, marginLeftStyle]}> | ||||
| {this.props.userInfo.username} | {this.props.userInfo.username} | ||||
| </SingleLine> | </SingleLine> | ||||
| {editButton} | {editButton} | ||||
| </View> | </View> | ||||
| </View> | </View> | ||||
| ); | ); | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 167 Lines • Show Last 20 Lines | |||||