diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-01-18 12:32:48 -0600 |
---|---|---|
committer | Paul Frazee <pfrazee@gmail.com> | 2023-01-18 12:32:48 -0600 |
commit | a51354e6e68cdc30ee48299baa5bc0b36668bd59 (patch) | |
tree | 8e447148c7c2146a0b8061330253122a1f132231 /src/view/com/util/UserAvatar.tsx | |
parent | 77580ab6a4df8e233e5b1a9b166eebbca9bdc80f (diff) | |
download | voidsky-a51354e6e68cdc30ee48299baa5bc0b36668bd59.tar.zst |
Update gradients to use a more consistent blue theme
Diffstat (limited to 'src/view/com/util/UserAvatar.tsx')
-rw-r--r-- | src/view/com/util/UserAvatar.tsx | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx index 6434bb287..bd4897ba8 100644 --- a/src/view/com/util/UserAvatar.tsx +++ b/src/view/com/util/UserAvatar.tsx @@ -8,8 +8,7 @@ import { openPicker, Image as PickedImage, } from 'react-native-image-crop-picker' -import {getGradient} from '../../lib/asset-gen' -import {colors} from '../../lib/styles' +import {colors, gradients} from '../../lib/styles' export function UserAvatar({ size, @@ -25,7 +24,6 @@ export function UserAvatar({ onSelectNewAvatar?: (img: PickedImage) => void }) { const initials = getInitials(displayName || handle) - const gradient = getGradient(handle) const handleEditAvatar = useCallback(() => { Alert.alert('Select upload method', '', [ @@ -68,8 +66,8 @@ export function UserAvatar({ <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={gradient[0]} stopOpacity="1" /> - <Stop offset="1" stopColor={gradient[1]} stopOpacity="1" /> + <Stop offset="0" stopColor={gradients.blue.start} stopOpacity="1" /> + <Stop offset="1" stopColor={gradients.blue.end} stopOpacity="1" /> </LinearGradient> </Defs> <Circle cx="50" cy="50" r="50" fill="url(#grad)" /> |