CS52_UpdatedMangoHelp/IntroductionPage.js at master · smundada/CS52_UpdatedMangoHelp · GitHub

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
100
101
102
103
104
105
106
107
108
109
110
111
112
import React, { Component } from 'react';
import {Constants} from 'expo'
import {
  Container,
  Content,
  Toast,
  Header,
  Button,
  Text,
  Thumbnail,
  ListItem,
  Body,
  Form,
  Item as FormItem,
  Input,
  Label,
  Title,
} from 'native-base';
import { AsyncStorage} from 'react-native';
import { Left, Right, Icon,} from 'native-base';
import { Actions } from 'react-native-router-flux';
import firebase from 'firebase';

export default class HeaderIconExample extends Component {
  constructor(props) {
    super(props);
    this.clickMent = this.clickMent.bind(this);
    this.clickPhys = this.clickPhys.bind(this);
    this.clickSexual = this.clickSexual.bind(this);
    this.clickOth = this.clickOth.bind(this);
  }

  clickMent() {
    console.log('Click happened');
    firebase.database().ref('data').set(
      {
        healthtype: 'Mental Health'
      }
    )
  }
  clickPhys() {
    console.log('Click happened');
    firebase.database().ref('data').set(
      {
        healthtype: 'Physical Health'
      }
    )
  }
  clickSexual() {
    console.log('Click happened');
    firebase.database().ref('data').set(
      {
        healthtype: 'Sexual Health'
      }
    )
  }
  clickOth() {
    console.log('Click happened');
    firebase.database().ref('data').set(
      {
        healthtype: 'Miscellaneous/Other Health'
      }
    )
  }

  render() {
    return (
      <Container>
                <Content padder>
                <Button large block transparent dark>
                <Text large> What are you looking for today? </Text>
                </Button>
          <Button > </Button>

           <Button large block info onPress={this.clickMent}>
            <Text >Mental Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'https://d30y9cdsu7xlg0.cloudfront.net/png/1211643-200.png' }} />
            </ListItem>
          </Button>
          <Button large>
          </Button>
           <Button large block info onPress={this.clickPhys}>
            <Text >Physical Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'http://servisourcetraining.ie/wp-content/uploads/physicalactivity.png' }} />
            </ListItem>
          </Button>
                    <Button large>
          </Button>
           <Button large block info onPress={this.clickSexual}>
            <Text >Sexual Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'https://cdn3.iconfinder.com/data/icons/glypho-signs/64/male-female-sign-512.png' }} />
            </ListItem>
          </Button>
            <Button large>  </Button>
           <Button large block info  onPress={this.clickOth}>
            <Text>Other</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri:'https://d30y9cdsu7xlg0.cloudfront.net/png/28217-200.png' }} />
            </ListItem>
          </Button>
          <Button large block transparent style={{bottom:8}}>
                <Text  large onPress={Actions.feelings}> Next </Text>
          </Button>
        </Content>
      </Container>

    );
  }
}