Files
pwap/mobile/src/screens/JusticeScreen.tsx
T

48 lines
2.4 KiB
TypeScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import React from 'react';
import { View, Text, StyleSheet, ScrollView } from 'react-native';
import { KurdistanColors } from '../theme/colors';
const JusticeScreen: React.FC = () => {
return (
<ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<View style={styles.content}>
<Text style={styles.icon}></Text>
<Text style={styles.title}>Li benda hilbijartina Serok</Text>
<Text style={styles.titleEn}>Awaiting Presidential Election</Text>
<View style={styles.messageBox}>
<Text style={styles.message}>
Sîstema dadweriyê piştî hilbijartina Serokê Komarê were aktîfkirin.
</Text>
<Text style={styles.messageEn}>
The justice system will be activated after the Presidential election.
</Text>
</View>
<View style={styles.featureList}>
<Text style={styles.featureTitle}>Taybetmendiyên Plankirin:</Text>
<Text style={styles.featureItem}> Dadgehên dîjîtal</Text>
<Text style={styles.featureItem}> Çareserkirina nakokiyan</Text>
<Text style={styles.featureItem}> Biryarên blockchain</Text>
<Text style={styles.featureItem}> Parastina mafên welatîyan</Text>
</View>
</View>
</ScrollView>
);
};
const styles = StyleSheet.create({
container: { flex: 1, backgroundColor: '#F5F5F5' },
contentContainer: { flexGrow: 1 },
content: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 32, paddingVertical: 40 },
icon: { fontSize: 80, marginBottom: 24 },
title: { fontSize: 22, fontWeight: 'bold', color: KurdistanColors.reş, textAlign: 'center', marginBottom: 4 },
titleEn: { fontSize: 18, color: '#666', textAlign: 'center', marginBottom: 24 },
messageBox: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, marginBottom: 24, width: '100%' },
message: { fontSize: 15, color: '#444', textAlign: 'center', lineHeight: 24, marginBottom: 12 },
messageEn: { fontSize: 14, color: '#888', textAlign: 'center', lineHeight: 22 },
featureList: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, width: '100%' },
featureTitle: { fontSize: 16, fontWeight: 'bold', color: KurdistanColors.kesk, marginBottom: 12 },
featureItem: { fontSize: 14, color: '#555', marginBottom: 8, lineHeight: 20 },
});
export default JusticeScreen;