diff options
Diffstat (limited to 'src/view')
-rw-r--r-- | src/view/com/profile/ProfileHeader.tsx | 10 | ||||
-rw-r--r-- | src/view/com/util/RichText.tsx | 8 |
2 files changed, 14 insertions, 4 deletions
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx index 5a31d5c54..9325a88a3 100644 --- a/src/view/com/profile/ProfileHeader.tsx +++ b/src/view/com/profile/ProfileHeader.tsx @@ -24,6 +24,7 @@ import {MagnifyingGlassIcon} from '../../lib/icons' import {DropdownBtn, DropdownItem} from '../util/DropdownBtn' import Toast from '../util/Toast' import {LoadingPlaceholder} from '../util/LoadingPlaceholder' +import {RichText} from '../util/RichText' import {UserAvatar} from '../util/UserAvatar' import {UserBanner} from '../util/UserBanner' import {UserInfoText} from '../util/UserInfoText' @@ -293,9 +294,12 @@ export const ProfileHeader = observer(function ProfileHeader({ </View> </View> {view.description ? ( - <Text style={styles.description} numberOfLines={3}> - {view.description} - </Text> + <RichText + style={styles.description} + numberOfLines={3} + text={view.description} + entities={view.descriptionEntities} + /> ) : undefined} {view.isScene && view.creator ? ( <View style={styles.relationshipsLine}> diff --git a/src/view/com/util/RichText.tsx b/src/view/com/util/RichText.tsx index a67f90a63..8b4e6a50a 100644 --- a/src/view/com/util/RichText.tsx +++ b/src/view/com/util/RichText.tsx @@ -15,10 +15,12 @@ export function RichText({ text, entities, style, + numberOfLines, }: { text: string entities?: Entity[] style?: StyleProp<TextStyle> + numberOfLines?: number }) { if (!entities?.length) { return <Text style={style}>{text}</Text> @@ -55,7 +57,11 @@ export function RichText({ } key++ } - return <Text style={style}>{els}</Text> + return ( + <Text style={style} numberOfLines={numberOfLines}> + {els} + </Text> + ) } function sortByIndex(a: Entity, b: Entity) { |