diff --git a/examples/Example.js b/examples/Example.js index 3baebec5..4a2688ca 100644 --- a/examples/Example.js +++ b/examples/Example.js @@ -2,7 +2,6 @@ * Sample React Native Country Picker Example App * https://github.com/xcarpentier/react-native-country-picker */ -'use strict'; import React, { Component } from 'react'; import { StyleSheet, @@ -26,7 +25,7 @@ export default class Example extends Component { return ( - Welcome to Country Picker !! + Welcome to Country Picker! this.setState({country: value, cca2: value.cca2})} @@ -54,12 +53,14 @@ const styles = StyleSheet.create({ alignItems: 'center' }, welcome: { - fontSize: 40, + fontSize: 25, + fontWeight: 'bold', textAlign: 'center', - margin: 10 + margin: 10, + marginBottom: 25, }, instructions: { - fontSize: 12, + fontSize: 20, textAlign: 'center', color: '#888', marginBottom: 5 diff --git a/package.json b/package.json index db9cdb08..62f266a9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-native-country-picker-modal", - "version": "0.1.5", + "version": "0.1.6", "description": "Country picker", "main": "src/CountryPicker.js", "repository": { @@ -20,14 +20,6 @@ "url": "https://github.com/xcarpentier/react-native-country-picker-modal/issues" }, "homepage": "https://github.com/xcarpentier/react-native-country-picker-modal#readme", - "devDependencies": { - "cz-conventional-changelog": "1.1.6" - }, - "config": { - "commitizen": { - "path": "./node_modules/cz-conventional-changelog" - } - }, "dependencies": { "lodash": "4.12.0", "world-countries": "1.7.8" diff --git a/src/CountryPicker.js b/src/CountryPicker.js index 9926d95c..1bb4b9dc 100644 --- a/src/CountryPicker.js +++ b/src/CountryPicker.js @@ -1,5 +1,3 @@ -'use strict'; - /** * react-native-country-picker * @author xcarpentier @@ -7,20 +5,14 @@ */ import React, { Component } from 'react'; -import { - StyleSheet, - View, - PixelRatio, - Image, - TouchableOpacity, - Modal, - Text, - ListView +import { StyleSheet, View, PixelRatio, Image, TouchableOpacity, Modal, + Text, ListView, } from 'react-native'; import countries from 'world-countries'; import _ from 'lodash'; + import CountryFlags from './countryFlags'; -import {getWidthPercent, getHeightPercent, getPercent} from './ratio'; +import { getWidthPercent, getHeightPercent, getPercent } from './ratio'; import CloseButton from './CloseButton'; class CountryPicker extends Component { @@ -264,10 +256,11 @@ CountryPicker.propTypes = { cca2: React.PropTypes.string.isRequired, translation: React.PropTypes.string, onChange: React.PropTypes.func.isRequired, - closeable: React.PropTypes.bool + closeable: React.PropTypes.bool, }; + CountryPicker.defaultProps = { - translation: 'eng' + translation: 'eng', }; module.exports = CountryPicker;