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,