Change login icons to ion & Format

This commit is contained in:
Jannis Mattheis
2018-05-20 20:42:59 +02:00
parent 3aad82a92a
commit 1ba8c76974

View File

@@ -1,14 +1,24 @@
import React from 'react';
import { View, Text, TextInput, Button, ToastAndroid } from 'react-native';
import {Button, Text, TextInput, ToastAndroid, View} from 'react-native';
import SharedPreferences from 'react-native-shared-preferences';
import Icon from 'react-native-vector-icons/MaterialIcons'
import Icon from 'react-native-vector-icons/Ionicons'
import DeviceInfo from 'react-native-device-info';
import * as axios from "axios";
const urlRegex = new RegExp("^(http|https)://", "i");
const defaultClientName = DeviceInfo.getManufacturer() + ' ' + DeviceInfo.getDeviceId();
export default class Login extends React.Component {
state = {tryConnect: null, url: null, error: null, version: null, name: '', pass: '', loggedIn: null, client: defaultClientName};
state = {
tryConnect: null,
url: null,
error: null,
version: null,
name: '',
pass: '',
loggedIn: null,
client: defaultClientName
};
componentDidMount() {
SharedPreferences.getItem("@global:url", (url) => {
if (url) {
@@ -105,7 +115,8 @@ export default class Login extends React.Component {
style={{alignSelf: 'stretch', flex: 1}}
keyboardType="url"
onChangeText={this.handleChange('url', {tryConnect: false, version: null})}/>
<Icon.Button name="send" style={{alignSelf: 'flex-end'}} iconStyle={{marginRight: 0}} onPress={this.checkUrl}/>
<Icon.Button name="md-send" style={{alignSelf: 'flex-end'}} iconStyle={{marginRight: 0}}
onPress={this.checkUrl}/>
</View>
{error && <Text style={{textAlign: 'center', color: 'red'}}>{error}</Text>}
{version && <Text style={{textAlign: 'center', color: 'green'}}>Gotify v{version.version}</Text>}
@@ -121,7 +132,8 @@ export default class Login extends React.Component {
onChangeText={this.handleChange('pass', {loggedIn: null})}
style={{alignSelf: 'stretch', flex: 1}}
/>
<Icon.Button name="send" style={{alignSelf: 'flex-end'}} iconStyle={{marginRight: 0}} onPress={this.checkUser}/>
<Icon.Button name="md-send" style={{alignSelf: 'flex-end'}} iconStyle={{marginRight: 0}}
onPress={this.checkUser}/>
</View>
{loggedIn === true && (
<React.Fragment>