From 3de92b9f77d1d9197818f123a80c602cf12cd538 Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Mon, 23 Mar 2020 15:51:23 +0100
Subject: [PATCH] Moves unique styles of AppTextInput to local file and does
some cleanup
---
components/common/app-text-input.js | 16 ++++++----------
styles/containers.js | 6 ------
2 files changed, 6 insertions(+), 16 deletions(-)
diff --git a/components/common/app-text-input.js b/components/common/app-text-input.js
index 79bcee94..389490e9 100644
--- a/components/common/app-text-input.js
+++ b/components/common/app-text-input.js
@@ -2,24 +2,22 @@ import React from 'react'
import PropTypes from 'prop-types'
import { StyleSheet, TextInput } from 'react-native'
-import { Containers } from '../../styles/redesign'
+import { Colors } from '../../styles/redesign'
const AppTextInput = ({
autoFocus,
onChangeText,
placeholder,
value,
- style,
...props
}) => {
- if (!Array.isArray(style)) style = [style]
return (
<TextInput
autoFocus={autoFocus}
onChangeText={onChangeText}
placeholder={placeholder}
- style={[styles.input, ...style]}
+ style={styles.input}
value={value}
{...props}
/>
@@ -30,17 +28,15 @@ AppTextInput.propTypes = {
autoFocus: PropTypes.bool,
onChangeText: PropTypes.func,
placeholder: PropTypes.string,
- style: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
value: PropTypes.string,
}
-AppTextInput.defaultProps = {
- style: []
-}
-
const styles = StyleSheet.create({
input: {
- ...Containers.greyBorder
+ borderColor: Colors.grey,
+ borderRadius: 5,
+ borderStyle: 'solid',
+ borderWidth: 1,
}
})
diff --git a/styles/containers.js b/styles/containers.js
index 32a24047..1d96f0e9 100644
--- a/styles/containers.js
+++ b/styles/containers.js
@@ -6,12 +6,6 @@ export default {
flex: 1,
justifyContent: 'center'
},
- greyBorder: {
- borderColor: Colors.grey,
- borderRadius: 5,
- borderStyle: 'solid',
- borderWidth: 1,
- },
page: {
backgroundColor: Colors.tourquiseLight,
flex: 1
--
GitLab