parent
4b98992257
commit
ab11f206d8
12 changed files with 58 additions and 23 deletions
|
@ -9,6 +9,7 @@ import {s} from 'lib/styles'
|
|||
import {usePalette} from 'lib/hooks/usePalette'
|
||||
import {useStores} from 'state/index'
|
||||
import {FollowButton} from './FollowButton'
|
||||
import {sanitizeDisplayName} from 'lib/strings/display-names'
|
||||
|
||||
export function ProfileCard({
|
||||
testID,
|
||||
|
@ -57,7 +58,7 @@ export function ProfileCard({
|
|||
style={[s.bold, pal.text]}
|
||||
numberOfLines={1}
|
||||
lineHeight={1.2}>
|
||||
{displayName || handle}
|
||||
{sanitizeDisplayName(displayName || handle)}
|
||||
</Text>
|
||||
<Text type="md" style={[pal.textLight]} numberOfLines={1}>
|
||||
@{handle}
|
||||
|
|
|
@ -18,6 +18,7 @@ import {useStores} from 'state/index'
|
|||
import {ProfileImageLightbox} from 'state/models/ui/shell'
|
||||
import {pluralize} from 'lib/strings/helpers'
|
||||
import {toShareUrl} from 'lib/strings/url-helpers'
|
||||
import {sanitizeDisplayName} from 'lib/strings/display-names'
|
||||
import {s, colors} from 'lib/styles'
|
||||
import {DropdownButton, DropdownItem} from '../util/forms/DropdownButton'
|
||||
import * as Toast from '../util/Toast'
|
||||
|
@ -58,7 +59,7 @@ export const ProfileHeader = observer(
|
|||
</View>
|
||||
<View style={styles.displayNameLine}>
|
||||
<Text type="title-2xl" style={[pal.text, styles.title]}>
|
||||
{view.displayName || view.handle}
|
||||
{sanitizeDisplayName(view.displayName || view.handle)}
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
|
@ -108,9 +109,9 @@ const ProfileHeaderLoaded = observer(function ProfileHeaderLoaded({
|
|||
view?.toggleFollowing().then(
|
||||
() => {
|
||||
Toast.show(
|
||||
`${view.viewer.following ? 'Following' : 'No longer following'} ${
|
||||
view.displayName || view.handle
|
||||
}`,
|
||||
`${
|
||||
view.viewer.following ? 'Following' : 'No longer following'
|
||||
} ${sanitizeDisplayName(view.displayName || view.handle)}`,
|
||||
)
|
||||
},
|
||||
err => store.log.error('Failed to toggle follow', err),
|
||||
|
@ -266,7 +267,7 @@ const ProfileHeaderLoaded = observer(function ProfileHeaderLoaded({
|
|||
testID="profileHeaderDisplayName"
|
||||
type="title-2xl"
|
||||
style={[pal.text, styles.title]}>
|
||||
{view.displayName || view.handle}
|
||||
{sanitizeDisplayName(view.displayName || view.handle)}
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.handleLine}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue