From d36b91fe67225a9d3c79c8eeb3c80f6a72e9f73f Mon Sep 17 00:00:00 2001 From: dan Date: Fri, 9 Feb 2024 05:00:50 +0000 Subject: Fix flashes and jumps when opening profile (#2815) * Don't reset the tree when profile loads fully * Give avatars a background color like placeholders * Prevent jumps due to rich text resolving * Rm log * Rm unused --- src/view/com/util/UserAvatar.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'src/view/com/util/UserAvatar.tsx') diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx index 00ff7e1ec..f673db1ee 100644 --- a/src/view/com/util/UserAvatar.tsx +++ b/src/view/com/util/UserAvatar.tsx @@ -123,6 +123,7 @@ let UserAvatar = ({ usePlainRNImage = false, }: UserAvatarProps): React.ReactNode => { const pal = usePalette('default') + const backgroundColor = pal.colors.backgroundLight const aviStyle = useMemo(() => { if (type === 'algo' || type === 'list') { @@ -130,14 +131,16 @@ let UserAvatar = ({ width: size, height: size, borderRadius: size > 32 ? 8 : 3, + backgroundColor, } } return { width: size, height: size, borderRadius: Math.floor(size / 2), + backgroundColor, } - }, [type, size]) + }, [type, size, backgroundColor]) const alert = useMemo(() => { if (!moderation?.alert) { -- cgit 1.4.1