43 lines
1.0 KiB
React
43 lines
1.0 KiB
React
|
export default function EmailVerificationBanner({ profile }) {
|
||
|
|
// Only show if email is not verified
|
||
|
|
if (!profile || profile.email_verified !== false) return null
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div style={{
|
||
|
|
background: '#FFF4E6',
|
||
|
|
border: '2px solid #F59E0B',
|
||
|
|
borderRadius: 12,
|
||
|
|
padding: '16px 20px',
|
||
|
|
marginBottom: 20,
|
||
|
|
display: 'flex',
|
||
|
|
alignItems: 'center',
|
||
|
|
gap: 16
|
||
|
|
}}>
|
||
|
|
<div style={{
|
||
|
|
fontSize: 32,
|
||
|
|
lineHeight: 1
|
||
|
|
}}>
|
||
|
|
📧
|
||
|
|
</div>
|
||
|
|
<div style={{flex: 1}}>
|
||
|
|
<div style={{
|
||
|
|
fontWeight: 700,
|
||
|
|
fontSize: 15,
|
||
|
|
color: '#D97706',
|
||
|
|
marginBottom: 4
|
||
|
|
}}>
|
||
|
|
E-Mail-Adresse noch nicht bestätigt
|
||
|
|
</div>
|
||
|
|
<div style={{
|
||
|
|
fontSize: 13,
|
||
|
|
color: 'var(--text2)',
|
||
|
|
lineHeight: 1.4
|
||
|
|
}}>
|
||
|
|
Bitte prüfe dein Postfach und klicke auf den Bestätigungslink.
|
||
|
|
Ohne Bestätigung ist dein Account eingeschränkt.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|