From d96270773bb6c7c3e85d500feca52b587a086d24 Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Mon, 28 Oct 2024 09:41:01 -0300
Subject: [PATCH] feat: call image picker

---
 src/screens/Profile.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/screens/Profile.tsx b/src/screens/Profile.tsx
index 501a7f8..ad7e131 100644
--- a/src/screens/Profile.tsx
+++ b/src/screens/Profile.tsx
@@ -1,5 +1,6 @@
 import { ScrollView, TouchableOpacity } from 'react-native';
 import { Center, Heading, Text, VStack } from '@gluestack-ui/themed';
+import * as ImagePicker from 'expo-image-picker';
 
 import { Button } from '@components/Button';
 import { Input } from '@components/Input';
@@ -7,6 +8,10 @@ import { ScreenHeader } from '@components/ScreenHeader';
 import { UserPhoto } from '@components/UserPhoto';
 
 export function Profile() {
+  async function handleUserPhotoSelection() {
+    await ImagePicker.launchImageLibraryAsync();
+  }
+
   return (
     <VStack flex={1}>
       <ScreenHeader title="Perfil" />
@@ -19,7 +24,7 @@ export function Profile() {
             size="xl"
           />
 
-          <TouchableOpacity>
+          <TouchableOpacity onPress={handleUserPhotoSelection}>
             <Text color="$green500" fontFamily="$heading" fontSize="$md" mt="$2" mb="$8">
               Alterar foto
             </Text>