summaryrefslogtreecommitdiff
path: root/client/src/lib/components/close.js
blob: ce3a2fb85670953e7c15e8e1aada46174606c88c (plain)
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
import React, { Component } from 'react';
import {
  StyleSheet,
  Image,
  View,
  TouchableWithoutFeedback,
} from 'react-native';
import DeviceInfo from 'react-native-device-info'

import Touchable from './touchable'
import browser from './browser'

export default class Close extends Component {
  render() {
    return (
      <TouchableWithoutFeedback onPress={this.props.onPress}>
        <View style={styles.close}>
          <Image key={'image_close'} source={require('../../img/close.png')} style={styles.closeImage} />
        </View>
      </TouchableWithoutFeedback>
    )
  }
}

const styles = StyleSheet.create({
  close: {
    position: 'fixed',
    top: 10,
    right: 10,
    width: 60,
    height: 60,
    padding: 5,
    backgroundColor: 'black'
  },
  closeImage: {
    width: 50,
    height: 50,
  },
})