Menu.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. import React, { Component } from 'react';
  2. import { View, Text, TouchableOpacity } from 'react-native';
  3. import { connect } from 'react-redux';
  4. import { Actions } from 'react-native-router-flux';
  5. import { Card, CardSection } from '../components/common';
  6. import { logout } from '../actions/LocalStorageActions';
  7. class Menu extends Component {
  8. render() {
  9. return (
  10. <View style={{ flex: 1 }}>
  11. <TouchableOpacity onPress={() => Actions.ListaCursadas()}>
  12. <Card>
  13. <CardSection>
  14. <Text>Cursadas</Text>
  15. </CardSection>
  16. </Card>
  17. </TouchableOpacity>
  18. <TouchableOpacity onPress={() => Actions.Live()}>
  19. <Card>
  20. <CardSection>
  21. <Text>Curso en vivo</Text>
  22. </CardSection>
  23. </Card>
  24. </TouchableOpacity>
  25. <TouchableOpacity onPress={() => Actions.LSClases()}>
  26. <Card>
  27. <CardSection>
  28. <Text>Clases descargadas</Text>
  29. </CardSection>
  30. </Card>
  31. </TouchableOpacity>
  32. <TouchableOpacity>
  33. <Card>
  34. <CardSection>
  35. <Text>Perfil</Text>
  36. </CardSection>
  37. </Card>
  38. </TouchableOpacity>
  39. <TouchableOpacity onPress={() => Actions.About()}>
  40. <Card>
  41. <CardSection>
  42. <Text>Como llegar / acerca de / ??</Text>
  43. </CardSection>
  44. </Card>
  45. </TouchableOpacity>
  46. <TouchableOpacity onPress={() => logout()}>
  47. <Card>
  48. <CardSection>
  49. <Text>Salir</Text>
  50. </CardSection>
  51. </Card>
  52. </TouchableOpacity>
  53. </View>
  54. );
  55. }
  56. }
  57. export default connect(null, { logout })(Menu);