Azmog
91ceca2be5
- tokens centralisés (Tint, IconSize, LineHeight, LetterSpacing), zéro hex en dur - accessibilité (rôles, labels, live regions, afficher/masquer mot de passe) - états vides/erreur complétés (ex. saisie introuvable), cibles tactiles >=44px - suppression du composant mort RepubliqueHeader Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
19 lines
838 B
TypeScript
19 lines
838 B
TypeScript
import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
|
|
import { Colors } from '@/lib/colors';
|
|
import { FontSize, Spacing } from '@/lib/theme';
|
|
|
|
/** Indicateur de chargement centré et homogène, avec libellé optionnel. */
|
|
export default function Loader({ label }: { label?: string }) {
|
|
return (
|
|
<View style={styles.container} accessibilityRole="progressbar" accessibilityLabel={label ?? 'Chargement en cours'}>
|
|
<ActivityIndicator size="large" color={Colors.primary} />
|
|
{label ? <Text style={styles.label}>{label}</Text> : null}
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: { flex: 1, alignItems: 'center', justifyContent: 'center', padding: Spacing.xl, backgroundColor: Colors.gray[50] },
|
|
label: { marginTop: Spacing.md, fontSize: FontSize.sm, color: Colors.gray[500] },
|
|
});
|