ui(signup): privacy-notice shield als app-icon-look

🛡️ Unicode-Schild → grünes (22c55e) rounded-md Square mit weißem
Ionicons shield-checkmark, 32x32. Konsistent mit App-Icon-Style.
This commit is contained in:
chahinebrini 2026-05-19 17:57:02 +02:00
parent a8e094be9d
commit a0dff80ced

View File

@ -12,6 +12,7 @@ import { useRouter } from 'expo-router';
import { SafeAreaView } from 'react-native-safe-area-context';
import Svg, { Path } from 'react-native-svg';
import { useTranslation } from 'react-i18next';
import { Ionicons } from '@expo/vector-icons';
import { useAuthStore } from '../../stores/auth';
import { HERO_AVATARS, getAvatarUrl } from '../../lib/avatars';
import { KeyboardAwareScreen } from '../../components/KeyboardAwareScreen';
@ -217,9 +218,20 @@ export default function SignUpScreen() {
</View>
{/* Privacy notice */}
<View className="flex-row gap-3 bg-neutral-50 border border-neutral-200 rounded-xl p-4 mb-4">
<Text className="text-rebreak-500 text-base mt-0.5" style={{ fontFamily: 'Nunito_400Regular' }}>&#x1F6E1;</Text>
<Text className="flex-1 text-xs text-neutral-500 leading-5" style={{ fontFamily: 'Nunito_400Regular' }}>
<View className="flex-row items-start gap-3 bg-neutral-50 border border-neutral-200 rounded-xl p-4 mb-4">
<View
style={{
width: 32,
height: 32,
backgroundColor: '#22c55e',
borderRadius: 8,
alignItems: 'center',
justifyContent: 'center',
}}
>
<Ionicons name="shield-checkmark" size={18} color="#ffffff" />
</View>
<Text className="flex-1 text-xs text-neutral-500 leading-5" style={{ fontFamily: 'Nunito_400Regular', marginTop: 6 }}>
{t('auth.privacyNotice')}
</Text>
</View>