Browse Source

adds text and donar redirect to tpmg website

José C.S. Curet 1 year ago
parent
commit
37ae2a977d
1 changed files with 42 additions and 4 deletions
  1. 42
    4
      screens/donar.js

+ 42
- 4
screens/donar.js View File

@@ -1,17 +1,55 @@
1 1
 import * as React from 'react';
2
-import { StyleSheet, View, Text } from 'react-native';
2
+import { StyleSheet, View, ScrollView, Text, Button, Linking} from 'react-native';
3 3
 import Header from '../shared/header';
4 4
 
5 5
 export default function Donate({navigation}) {
6 6
     return (
7
-        <View style={styles.container}>
8
-         <Text>Donate Screen</Text>
9
-        </View>
7
+        <ScrollView style={styles.container}>
8
+        <Text style={styles.title}>
9
+            APOYA EL TRABAJO DE <Text style={styles.redText}>TPMG </Text>
10
+            CON SU COMPROMISO A <Text style={styles.blueText}>LA COMUNIDAD</Text></Text>
11
+        <Text style={styles.paragraph}>Estamos muy contentos(as)
12
+        de que te interese involucrarte con nuestro trabajo aquí
13
+        en Techos Pa' Mi Gente. Hay muchas maneras de ayudar,
14
+        y verdaderamente apreciamos cada esfuerzo. Tu apoyo será una
15
+        parte esencial para nuestra organización, que ayudará a fortalecer
16
+        nuestro trabajo. Nuestro compromiso es que 90% de los fondos recaudados
17
+        van a servicios directos y el 10% se destina en gastos operacionales.</Text>
18
+
19
+         <Button
20
+            onPress={ () => {Linking.openURL("https://www.tpmgcorp.org/toma-acción")}}
21
+            title="Donar"
22
+            accessibilityLabel="Donar presionando el botón."
23
+        />
24
+
25
+        </ScrollView>
10 26
     )
11 27
 }
12 28
 
13 29
 const styles = StyleSheet.create({
14 30
     container: {
15 31
         padding: 24
32
+    },
33
+    title: {
34
+        fontWeight: 'bold',
35
+        fontFamily: "AvenirNext-Bold",
36
+        fontSize: 40
37
+    },
38
+    subtitle: {
39
+        fontWeight: 'bold',
40
+        fontFamily: "Avenir-Black",
41
+        fontSize: 15 
42
+    },
43
+    paragraph: {
44
+        fontWeight: 'normal',
45
+        fontFamily: "Avenir-Black",
46
+        fontSize: 15,
47
+        textAlign: 'justify'
48
+    },
49
+    redText:{
50
+        color: '#DF4844'
51
+    },
52
+    blueText:{
53
+        color: '#047CC3'
16 54
     }
17 55
 });