StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Push to github
Some checks failed
Docker / Push (push) Has been cancelled

Browse source
This commit is contained in:
Derek1256 2025-03-10 02:55:17 +00:00
parent 6a75caa68e
commit 52967b2874
12 changed files with 31 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

5
resources/scripts/components/Avatar.tsx
View file

@ -1,6 +1,7 @@
import React from 'react';
import BoringAvatar, { AvatarProps } from 'boring-avatars';
import { useStoreState } from '@/state/hooks';
import crypto from 'crypto';
const palette = ['#FFAD08', '#EDD75A', '#73B06F', '#0C8F8F', '#587291'];
@ -11,9 +12,9 @@ const _Avatar = ({ variant = 'beam', ...props }: AvatarProps) => (
);
const _UserAvatar = ({ variant = 'beam', ...props }: Omit<Props, 'name'>) => {
const uuid = useStoreState((state) => state.user.data?.uuid);
const avatar = useStoreState((state) => `https://www.gravatar.com/avatar/${crypto.createHash('md5').update(state.user.data!.email).digest('hex')}?s=512`);
return <BoringAvatar colors={palette} name={uuid || 'system'} variant={variant} {...props} />;
return <img src={avatar} className="user-image" alt="User Image" />;
};
_Avatar.displayName = 'Avatar';