From f92c8c527dcf4dc500832e1ada621fdeef4ddb3a Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Thu, 31 Oct 2024 10:33:18 -0300
Subject: [PATCH] feat: load default profile image if user profile photo is not
 set

---
 src/components/HomeHeader.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/HomeHeader.tsx b/src/components/HomeHeader.tsx
index 11685a2..d9b7924 100644
--- a/src/components/HomeHeader.tsx
+++ b/src/components/HomeHeader.tsx
@@ -3,16 +3,23 @@ import { LogOut } from 'lucide-react-native';
 
 import { UserPhoto } from './UserPhoto';
 
+import defaultAvatar from '@assets/userPhotoDefault.png';
+
 import { useAuth } from '@hooks/useAuth';
 
 export function HomeHeader() {
   const {
-    user: { name },
+    user: { name, avatar },
   } = useAuth();
 
   return (
     <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}>
         <Text color="$gray100" fontSize="$sm">