From 7a26c9da62eeb50465d5c2a7d08cfdba18a1858b Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Sat, 26 Oct 2024 15:08:52 -0300
Subject: [PATCH] feat: add header and photo to profile screen

---
 src/screens/Profile.tsx | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/screens/Profile.tsx b/src/screens/Profile.tsx
index c6acf40..65ca0a6 100644
--- a/src/screens/Profile.tsx
+++ b/src/screens/Profile.tsx
@@ -1,9 +1,23 @@
-import { Center, Text } from "@gluestack-ui/themed";
+import { Center, Text, VStack } from '@gluestack-ui/themed';
+import { ScrollView } from 'react-native';
+
+import { ScreenHeader } from '@components/ScreenHeader';
+import { UserPhoto } from '@components/UserPhoto';
 
 export function Profile() {
   return (
-    <Center flex={1}>
-      <Text>Profile</Text>
-    </Center>
-  )
+    <VStack flex={1}>
+      <ScreenHeader title="Perfil" />
+
+      <ScrollView contentContainerStyle={{ paddingHorizontal: 36 }}>
+        <Center mt="$6" px="$10">
+          <UserPhoto
+            source={{ uri: 'https://i.pravatar.cc/200' }}
+            alt="imagem de perfil"
+            size="xl"
+          />
+        </Center>
+      </ScrollView>
+    </VStack>
+  );
 }