mirror of
https://github.com/DocNR/POWR.git
synced 2025-04-19 19:01:18 +00:00
969163313a
* Add style prop to UserAvatar component for better customization * Refactor UserAvatar to use getAvatarSeed utility for consistent avatar generation * Fix React hook ordering issues in profile/overview.tsx to prevent crashes during auth state changes * Add proper state initialization and cleanup during authentication transitions * Ensure consistent fallback avatar display for unauthenticated users These changes improve stability during login/logout operations and provide better visual continuity with Robohash avatars when profile images aren't available.
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
/**
|
|
* Utility functions for avatar handling
|
|
*/
|
|
|
|
/**
|
|
* Generates a consistent Robohash URL for a user
|
|
* @param pubkey User's public key or npub
|
|
* @param fallback Fallback string to use if no pubkey is provided
|
|
* @param size Size of the image to request (default: 150x150)
|
|
* @returns URL string for the Robohash avatar
|
|
*/
|
|
export const getRobohashUrl = (pubkey?: string, fallback: string = 'anonymous', size: string = '150x150'): string => {
|
|
// Use pubkey if available, otherwise use fallback string
|
|
const seed = pubkey || fallback;
|
|
|
|
// Always use set3 for consistent robot style across the app
|
|
return `https://robohash.org/${seed}?set=set3&size=${size}`;
|
|
};
|
|
|
|
/**
|
|
* Gets a consistent seed for user avatar generation
|
|
* Useful when we need the seed but not the full URL
|
|
* @param pubkey User's public key or npub
|
|
* @param fallback Fallback string to use if no pubkey is provided
|
|
* @returns A string to use as a seed for avatar generation
|
|
*/
|
|
export const getAvatarSeed = (pubkey?: string, fallback: string = 'anonymous'): string => {
|
|
return pubkey || fallback;
|
|
};
|