Fix: Don't flash default profile avatar and link in nav (#1287)
This commit is contained in:
@@ -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>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user