learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: load default profile image if user profile photo is not set

Browse source
This commit is contained in:
Vinicius Souza 2024-10-31 10:33:18 -03:00
parent b54c83a2ce
commit f92c8c527d
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/HomeHeader.tsx
View file

@ -3,16 +3,23 @@ import { LogOut } from 'lucide-react-native';
import { UserPhoto } from './UserPhoto'; import { UserPhoto } from './UserPhoto';
import defaultAvatar from '@assets/userPhotoDefault.png';
import { useAuth } from '@hooks/useAuth'; import { useAuth } from '@hooks/useAuth';
export function HomeHeader() { export function HomeHeader() {
const { const {
user: { name }, user: { name, avatar },
} = useAuth(); } = useAuth();
return ( return (
<HStack bg="$gray600" pt="$16" pb="$5" px="$8" alignItems="center" gap="$4"> <HStack bg="$gray600" pt="$16" pb="$5" px="$8" alignItems="center" gap="$4">
<UserPhoto source={{ uri: 'https://i.pravatar.cc/200' }} alt="avatar image" h="$16" w="$16" /> <UserPhoto
source={avatar ? { uri: avatar } : defaultAvatar}
alt="avatar image"
h="$16"
w="$16"
/>
<VStack flex={1}> <VStack flex={1}>
<Text color="$gray100" fontSize="$sm"> <Text color="$gray100" fontSize="$sm">