diff options
Diffstat (limited to 'src/view/com/util/UserAvatar.tsx')
| -rw-r--r-- | src/view/com/util/UserAvatar.tsx | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx index 9b8ceb37a..8699bcd37 100644 --- a/src/view/com/util/UserAvatar.tsx +++ b/src/view/com/util/UserAvatar.tsx @@ -19,13 +19,13 @@ export function UserAvatar({ handle: string }) { const initials = getInitials(displayName || handle) - const gi = cyrb53(handle) % GRADIENTS.length + const gradient = getGradient(handle) return ( <Svg width={size} height={size} viewBox="0 0 100 100"> <Defs> <LinearGradient id="grad" x1="0" y1="0" x2="1" y2="1"> - <Stop offset="0" stopColor={GRADIENTS[gi][0]} stopOpacity="1" /> - <Stop offset="1" stopColor={GRADIENTS[gi][1]} stopOpacity="1" /> + <Stop offset="0" stopColor={gradient[0]} stopOpacity="1" /> + <Stop offset="1" stopColor={gradient[1]} stopOpacity="1" /> </LinearGradient> </Defs> <Circle cx="50" cy="50" r="50" fill="url(#grad)" /> @@ -42,6 +42,11 @@ export function UserAvatar({ ) } +export function getGradient(handle: string): string[] { + const gi = cyrb53(handle) % GRADIENTS.length + return GRADIENTS[gi] +} + function getInitials(str: string): string { const tokens = str .split(' ') |