From 689814c8a6dd13c2d346862bea95b9ccba9506b2 Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Sat, 26 Oct 2024 15:29:06 -0300
Subject: [PATCH] feat: add password inputs on profile screen

---
 src/screens/Profile.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/screens/Profile.tsx b/src/screens/Profile.tsx
index 4aa497a..501a7f8 100644
--- a/src/screens/Profile.tsx
+++ b/src/screens/Profile.tsx
@@ -1,9 +1,10 @@
 import { ScrollView, TouchableOpacity } from 'react-native';
-import { Center, Text, VStack } from '@gluestack-ui/themed';
+import { Center, Heading, Text, VStack } from '@gluestack-ui/themed';
 
+import { Button } from '@components/Button';
+import { Input } from '@components/Input';
 import { ScreenHeader } from '@components/ScreenHeader';
 import { UserPhoto } from '@components/UserPhoto';
-import { Input } from '@components/Input';
 
 export function Profile() {
   return (
@@ -28,6 +29,18 @@ export function Profile() {
             <Input placeholder="Nome" bg="$gray600" />
             <Input value="john.doe@email.com" bg="$gray600" isReadOnly />
           </Center>
+
+          <Heading alignSelf="flex-start" color="$gray200" fontSize="$md" mt="$12" mb="$2">
+            Alterar senha
+          </Heading>
+
+          <Center w="$full" gap="$4">
+            <Input placeholder="Senha antiga" bg="$gray600" secureTextEntry />
+            <Input placeholder="Nova senha" bg="$gray600" secureTextEntry />
+            <Input placeholder="Confirme a nova senha" bg="$gray600" secureTextEntry />
+
+            <Button title="Atualizar" />
+          </Center>
         </Center>
       </ScrollView>
     </VStack>