zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Fix: Don't flash default profile avatar and link in nav (#1287)

Browse source
This commit is contained in:
Patroll 2023-08-29 02:58:14 +02:00 • committed by GitHub
parent 5ee754e6f9
commit 2c60a0328d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/view/shell/desktop/LeftNav.tsx
View file

@ -14,6 +14,7 @@ import {
import {Text} from 'view/com/util/text/Text' import {Text} from 'view/com/util/text/Text'
import {UserAvatar} from 'view/com/util/UserAvatar' import {UserAvatar} from 'view/com/util/UserAvatar'
import {Link} from 'view/com/util/Link' import {Link} from 'view/com/util/Link'
import {LoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {s, colors} from 'lib/styles' import {s, colors} from 'lib/styles'
@ -40,10 +41,14 @@ import {makeProfileLink} from 'lib/routes/links'
const ProfileCard = observer(() => { const ProfileCard = observer(() => {
const store = useStores() const store = useStores()
return ( return store.me.handle ? (
<Link href={makeProfileLink(store.me)} style={styles.profileCard} asAnchor> <Link href={makeProfileLink(store.me)} style={styles.profileCard} asAnchor>
<UserAvatar avatar={store.me.avatar} size={64} /> <UserAvatar avatar={store.me.avatar} size={64} />
</Link> </Link>
) : (
<View style={styles.profileCard}>
<LoadingPlaceholder width={64} height={64} style={{borderRadius: 64}} />
</View>
) )
}) })