From b54c83a2ce6918e9ef1cfd5eea409dcdcd9976ef Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Thu, 31 Oct 2024 10:26:07 -0300
Subject: [PATCH] feat: show user name from user data

---
 src/components/HomeHeader.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/HomeHeader.tsx b/src/components/HomeHeader.tsx
index 2839b82..11685a2 100644
--- a/src/components/HomeHeader.tsx
+++ b/src/components/HomeHeader.tsx
@@ -3,7 +3,13 @@ import { LogOut } from 'lucide-react-native';
 
 import { UserPhoto } from './UserPhoto';
 
+import { useAuth } from '@hooks/useAuth';
+
 export function HomeHeader() {
+  const {
+    user: { name },
+  } = 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" />
@@ -14,7 +20,7 @@ export function HomeHeader() {
         </Text>
 
         <Heading color="$gray100" fontSize="$md">
-          John Doe
+          {name}
         </Heading>
       </VStack>