Felipe
d7fb768d3b
- Introduced SpoolPreset and User domain models with necessary DTOs and utility functions. - Created AuthRepository, FilamentRepository, and SpoolPresetRepository interfaces for authentication and data management. - Implemented UI components for filament display, including ColorSwatch, FilamentCard, and StockBar. - Developed layout components such as Header and Screen for consistent app structure. - Added reusable UI components like Badge, Button, Card, and Input for better user interaction. - Established global constants and theme settings for consistent styling across the application. - Implemented utility functions for filament calculations and formatting. - Created Zustand stores for managing authentication, filament, and preset states. - Configured TypeScript settings for improved development experience.
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
import { View, Text, StyleSheet } from 'react-native';
|
|
import { useRouter } from 'expo-router';
|
|
import { Ionicons } from '@expo/vector-icons';
|
|
import { Screen } from '@presentation/components/layout/Screen';
|
|
import { Button } from '@presentation/components/ui/Button';
|
|
import { colors, typography, spacing, radius } from '@shared/theme';
|
|
|
|
/**
|
|
* Tela de Senha Redefinida — 135-0
|
|
* Confirmação de sucesso após redefinição de senha.
|
|
*/
|
|
export default function PasswordResetDoneScreen(): React.ReactElement {
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<Screen>
|
|
<View style={styles.content}>
|
|
<View style={styles.iconWrapper}>
|
|
<Ionicons name="checkmark-circle" size={64} color={colors.accent} />
|
|
</View>
|
|
|
|
<Text style={styles.title}>Senha redefinida!</Text>
|
|
<Text style={styles.description}>
|
|
Sua senha foi alterada com sucesso. Você já pode fazer login com a nova senha.
|
|
</Text>
|
|
|
|
<Button
|
|
label="Ir para o Login"
|
|
onPress={() => router.replace('/(auth)/login')}
|
|
style={styles.cta}
|
|
/>
|
|
</View>
|
|
</Screen>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
content: {
|
|
flex: 1,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
gap: spacing[5],
|
|
paddingHorizontal: spacing[4],
|
|
},
|
|
iconWrapper: {
|
|
width: 100,
|
|
height: 100,
|
|
borderRadius: radius.xl,
|
|
backgroundColor: 'rgba(56,188,194,0.12)',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
marginBottom: spacing[2],
|
|
},
|
|
title: {
|
|
fontFamily: typography.fontFamily.ui,
|
|
fontSize: typography.fontSize.xl,
|
|
fontWeight: typography.fontWeight.bold,
|
|
color: colors.textPrimary,
|
|
textAlign: 'center',
|
|
},
|
|
description: {
|
|
fontFamily: typography.fontFamily.ui,
|
|
fontSize: typography.fontSize.base,
|
|
color: colors.textSecondary,
|
|
textAlign: 'center',
|
|
lineHeight: typography.fontSize.base * 1.6,
|
|
},
|
|
cta: { width: '100%', marginTop: spacing[4] },
|
|
});
|