diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index 61e18c2b63..536a37cb2b 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -143,7 +143,9 @@ export const ProfileHeader = observer(function ProfileHeader({
- {view.displayName}
+
+ {view.displayName || view.handle}
+
{view.isScene ? (
@@ -196,19 +198,31 @@ export const ProfileHeader = observer(function ProfileHeader({
{view.description ? (
- {view.description}
+
+ {view.description}
+
) : undefined}
{view.isScene && view.creator ? (
- Created by
+
+ Created by
) : undefined}
+ {view.isScene && view.myState.member ? (
+
+
+ You are a member
+
+ ) : undefined}
)
@@ -315,9 +329,15 @@ const styles = StyleSheet.create({
fontSize: 15,
},
+ description: {
+ marginBottom: 8,
+ fontSize: 16,
+ lineHeight: 20.8, // 1.3 of 16px
+ },
+
relationshipsLine: {
flexDirection: 'row',
alignItems: 'center',
- marginBottom: 10,
+ marginBottom: 5,
},
})
diff --git a/src/view/index.ts b/src/view/index.ts
index 92757f352f..fcae1491a6 100644
--- a/src/view/index.ts
+++ b/src/view/index.ts
@@ -16,6 +16,7 @@ import {faBell as farBell} from '@fortawesome/free-regular-svg-icons/faBell'
import {faBookmark} from '@fortawesome/free-solid-svg-icons/faBookmark'
import {faBookmark as farBookmark} from '@fortawesome/free-regular-svg-icons/faBookmark'
import {faCheck} from '@fortawesome/free-solid-svg-icons/faCheck'
+import {faCircleCheck} from '@fortawesome/free-regular-svg-icons/faCircleCheck'
import {faCircleUser} from '@fortawesome/free-regular-svg-icons/faCircleUser'
import {faClone} from '@fortawesome/free-regular-svg-icons/faClone'
import {faComment} from '@fortawesome/free-regular-svg-icons/faComment'
@@ -67,6 +68,7 @@ export function setup() {
faBookmark,
farBookmark,
faCheck,
+ faCircleCheck,
faCircleUser,
faClone,
faComment,