160 lines
3.5 KiB
JavaScript
160 lines
3.5 KiB
JavaScript
import React, {Component} from 'react'
|
|
import {Card, Divider} from 'react-native-elements'
|
|
import {
|
|
Image,
|
|
ImageBackground,
|
|
Linking,
|
|
ListView,
|
|
Platform,
|
|
ScrollView,
|
|
StyleSheet,
|
|
Text,
|
|
View,
|
|
TouchableOpacity,
|
|
Dimensions,
|
|
TextInput,
|
|
Button
|
|
} from 'react-native'
|
|
import PropTypes from 'prop-types';
|
|
|
|
import {connect, Provider} from "react-redux";
|
|
import {bindActionCreators} from "redux";
|
|
import * as Actions from "../store/actions";
|
|
|
|
import {createStore} from 'redux';
|
|
|
|
|
|
import Email from '../components/Email';
|
|
|
|
import Separator from '../components/Separator';
|
|
import Tel from '../components/Telephone';
|
|
|
|
const SCREEN_HEIGHT = Dimensions.get("window").height;
|
|
const SCREEN_WIDTH = Dimensions.get("window").width;
|
|
import Icon from "react-native-vector-icons/Ionicons"
|
|
|
|
|
|
import Swiper from 'react-native-swiper';
|
|
|
|
class editCalendar extends Component {
|
|
|
|
static navigationOptions = ({navigation}) => ({
|
|
title: 'Editar Calendário',
|
|
headerTitleStyle: {textAlign: 'center', alignSelf: 'center'},
|
|
headerStyle: {
|
|
backgroundColor: 'white',
|
|
},
|
|
});
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
this.state = {
|
|
token: false,
|
|
tokenData: '',
|
|
loggedIn: false,
|
|
onHold: true,
|
|
user: {},
|
|
cenas: {Name: 'as'},
|
|
text: '',
|
|
};
|
|
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<ScrollView>
|
|
<View styles={styles.header}>
|
|
<View style={styles.carreerPath}>
|
|
<Text style={styles.carreerPathText}>Carreer Paths</Text>
|
|
</View>
|
|
<View style={styles.carreerPathDescription}>
|
|
<Text>Nesta edição do enei vai ser possível aos participantes ecolherem uma área</Text>
|
|
|
|
</View>
|
|
<TouchableOpacity style={{marginRight: 20}} onPress={() => navigation.navigate('Profile')}>
|
|
<Text>Escolher path</Text>
|
|
</TouchableOpacity>
|
|
|
|
|
|
</View>
|
|
<View>
|
|
|
|
</View>
|
|
|
|
</ScrollView>
|
|
|
|
)
|
|
}
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
header: {
|
|
flex: 1,
|
|
height: SCREEN_HEIGHT * 0.1,
|
|
backgroundColor: 'red'
|
|
},
|
|
carreerPath: {
|
|
flex: 1,
|
|
|
|
backgroundColor: '#CC1A17',
|
|
height: SCREEN_HEIGHT * 0.1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
|
|
},
|
|
carreerPathText: {
|
|
fontSize: 20,
|
|
fontWeight: 'bold',
|
|
color: 'white'
|
|
|
|
},
|
|
carreerPathDescription: {
|
|
padding: 10,
|
|
marginBottom: 100
|
|
},
|
|
wrapper: {},
|
|
slide1: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
backgroundColor: '#9DD6EB',
|
|
},
|
|
slide2: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
backgroundColor: '#97CAE5',
|
|
},
|
|
slide3: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
backgroundColor: '#92BBD9',
|
|
},
|
|
text: {
|
|
color: '#fff',
|
|
fontSize: 30,
|
|
fontWeight: 'bold',
|
|
}
|
|
|
|
|
|
});
|
|
|
|
mapStateToProps = (state, props) => {
|
|
|
|
return {
|
|
|
|
token: state.apiReducer.token,
|
|
user: state.apiReducer.user
|
|
}
|
|
};
|
|
|
|
function mapDispatchToProps(dispatch) {
|
|
|
|
return bindActionCreators(Actions, dispatch);
|
|
}
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(editCalendar); |