From 2ec09ba54574f5e05f0bbec9c864dacd2092edd4 Mon Sep 17 00:00:00 2001 From: Paul Frazee Date: Mon, 5 Sep 2022 16:57:20 -0500 Subject: [PATCH] Rework profile header --- public/img/banner.jpg | Bin 0 -> 28030 bytes src/view/com/profile/ProfileHeader.tsx | 181 +++++++++++++++++++------ src/view/com/util/Selector.tsx | 73 ++++++++++ src/view/index.ts | 2 + src/view/lib/assets.native.ts | 2 + src/view/lib/assets.ts | 2 + src/view/lib/styles.ts | 4 + 7 files changed, 224 insertions(+), 40 deletions(-) create mode 100644 public/img/banner.jpg create mode 100644 src/view/com/util/Selector.tsx diff --git a/public/img/banner.jpg b/public/img/banner.jpg new file mode 100644 index 0000000000000000000000000000000000000000..097c24f7cbeed80b3e35a95aa97c0a1643171387 GIT binary patch literal 28030 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 console.error('Failed to fetch profile', err)) }, [user, view?.params.user, store]) + const selectorItems: SelectorItem[] = [ + {label: 'Posts', onSelect() {}}, + {label: 'Badges', onSelect() {}}, + ] + const onPressToggleFollow = () => { view?.toggleFollowing().then( () => { @@ -51,6 +59,12 @@ export const ProfileHeader = observer(function ProfileHeader({ err => console.error('Failed to toggle follow', err), ) } + const onPressEditProfile = () => { + // TODO + } + const onPressMenu = () => { + // TODO + } const onPressFollowers = () => { store.nav.navigate(`/profile/${user}/followers`) } @@ -84,40 +98,79 @@ export const ProfileHeader = observer(function ProfileHeader({ // loaded // = + const isMe = store.me.did === view.did return ( + - - {view.displayName} - @{view.name} - - {view.description && ( - {view.description} - )} - - - {view.followersCount} - - {pluralize(view.followersCount, 'follower')} - - - - {view.followsCount} - following - - - {view.postsCount} - {pluralize(view.postsCount, 'post')} + + + {view.displayName} + + + + + Employee @blueskyweb.xyz + + + + + {isMe ? ( + + Edit Profile + + ) : view.myState.hasFollowed ? ( + + Following + + ) : ( + + + + Follow + + + )} + + + + + + + {view.followersCount} + + {pluralize(view.followersCount, 'follower')} + + + + {view.followsCount} + following + + + {view.postsCount} + {pluralize(view.postsCount, 'post')} + + + {view.description && ( + {view.description} + )} - -