43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
import { useAuth } from '../../hooks/useAuth';
|
|
|
|
export function PendingApprovalScreen() {
|
|
const { logout } = useAuth();
|
|
|
|
return (
|
|
<View style={styles.container}>
|
|
<Text style={styles.emoji}>⏳</Text>
|
|
<Text style={styles.title}>Account Pending Approval</Text>
|
|
<Text style={styles.body}>
|
|
Your registration has been received. An organizer will review and approve your account.
|
|
You will receive a notification once approved.
|
|
</Text>
|
|
<TouchableOpacity style={styles.button} onPress={logout}>
|
|
<Text style={styles.buttonText}>Log Out</Text>
|
|
</TouchableOpacity>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
padding: 32,
|
|
backgroundColor: '#fff',
|
|
},
|
|
emoji: { fontSize: 60, marginBottom: 24 },
|
|
title: { fontSize: 22, fontWeight: '700', textAlign: 'center', marginBottom: 16 },
|
|
body: { fontSize: 15, color: '#555', textAlign: 'center', lineHeight: 22, marginBottom: 40 },
|
|
button: {
|
|
borderWidth: 1,
|
|
borderColor: '#6C3FC5',
|
|
borderRadius: 8,
|
|
paddingVertical: 12,
|
|
paddingHorizontal: 32,
|
|
},
|
|
buttonText: { color: '#6C3FC5', fontWeight: '600' },
|
|
});
|