learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add password inputs on profile screen

Browse source
This commit is contained in:
Vinicius Souza 2024-10-26 15:29:06 -03:00
parent 09773ed3e5
commit 689814c8a6
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/screens/Profile.tsx
View file

@ -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>