Detect links in profile bios

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) {