-
Notifications
You must be signed in to change notification settings - Fork 1
/
ProfileSpecifics.js
99 lines (89 loc) · 2.56 KB
/
ProfileSpecifics.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import React from "react";
import { StyleSheet, Text, View, TouchableOpacity, ScrollView, Alert } from "react-native";
class ProfileView extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<View style={styles.container}>
<ScrollView style={styles.scrollView}>
<Text style={styles.title}>ACLTech</Text>
<Text style={styles.center}>Welcome to your profile settings.</Text>
<TouchableOpacity style={styles.greenBold} onPress={() => Alert.alert("Taking you to health and knee training page!")}>
<Text style={styles.creamText}>Health Resources</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.greenBold} onPress={() => Alert.alert("Your data has been exported to your email!")}>
<Text style={styles.creamText}>Share Data</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.smallBold} onPress={() => Alert.alert("Your data has been deleted")}>
<Text style={styles.creamText}>Delete Data</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.smallBold} onPress={() => this.props.setAccessToken(false)}>
<Text style={styles.creamText}>Delete Account</Text>
</TouchableOpacity>
<Text style={styles.center}> Screen: ProfileSpecifics Screen </Text>
</ScrollView>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
justifyContent: "space-evenly",
marginHorizontal: 30,
},
center: {
textAlign: "center",
marginVertical: 10,
},
creamText:{
textAlign: "center",
marginVertical: 10,
fontWeight: "bold",
fontSize: 20,
color: "#fff1d0",
},
smallBold: {
textAlign: "center",
marginVertical: 10,
marginHorizontal: 60,
backgroundColor: "#800000",
fontWeight: "bold",
fontSize: 18,
},
button: {
alignItems: "center",
backgroundColor: "#800000",
padding: 10,
marginTop:20,
marginBottom:10,
marginRight:15,
},
smallBold: {
textAlign: "center",
marginVertical: 10,
marginHorizontal: 60,
backgroundColor: "#800000",
fontWeight: "bold",
fontSize: 18,
borderRadius: 25
},
title: {
textAlign: "center",
marginVertical: 10,
fontWeight: "bold",
color: '#660000',
fontSize: 36,
},
greenBold: {
textAlign: "center",
marginVertical: 10,
marginHorizontal: 60,
backgroundColor: "green",
fontWeight: "bold",
fontSize: 18,
borderRadius: 25
},
});
export default ProfileView;