Merge branch 'development' of github.com:esteemapp/esteem-mobile into development

src/components/formInput/view/formInputStyles.js

@@ -6,7 +6,7 @@ export default EStyleSheet.create({
     borderTopRightRadius: 8,
     marginTop: 16,
     flexDirection: 'row',
-    backgroundColor: '$primaryGray',
+    backgroundColor: '$primaryLightBackground',
     height: 60,
     borderBottomWidth: 2,
   },

src/components/formInput/view/formInputView.js

@@ -5,6 +5,7 @@ import FastImage from 'react-native-fast-image';
 // Components
 import { TextInput } from '../../textInput';
 import { Icon } from '../../icon';
+import { ThemeContainer } from '../../../containers';
 
 // Utils
 import { getResizedAvatar } from '../../../utils/image';
@@ -68,6 +69,7 @@ class FormInputView extends Component {
       height,
       inputStyle,
     } = this.props;
+
     return (
       <View
         style={[
@@ -95,19 +97,24 @@ class FormInputView extends Component {
           )
         )}
         <View style={styles.textInput}>
-          <TextInput
+          <ThemeContainer>
-            style={inputStyle}
+            {({ isDarkTheme }) => (
-            onFocus={() => this.setState({ inputBorderColor: '#357ce6' })}
+              <TextInput
-            onBlur={() => this.setState({ inputBorderColor: '#e7e7e7' })}
+                style={inputStyle}
-            autoCapitalize="none"
+                onFocus={() => this.setState({ inputBorderColor: '#357ce6' })}
-            secureTextEntry={secureTextEntry}
+                onBlur={() => this.setState({ inputBorderColor: '#e7e7e7' })}
-            height={height}
+                autoCapitalize="none"
-            placeholder={placeholder}
+                secureTextEntry={secureTextEntry}
-            editable={isEditable || true}
+                height={height}
-            textContentType={type}
+                placeholder={placeholder}
-            onChangeText={this._handleOnChange}
+                editable={isEditable || true}
-            value={value}
+                textContentType={type}
-          />
+                onChangeText={this._handleOnChange}
+                value={value}
+                placeholderTextColor={isDarkTheme ? '#526d91' : '#788187'}
+              />
+            )}
+          </ThemeContainer>
         </View>
 
         {value && value.length > 0 ? (

src/components/numericKeyboard/views/numericKeyboardStyles.js

@@ -24,7 +24,7 @@ export default EStyleSheet.create({
   },
   buttonWithoutBorder: {
     borderWidth: 0,
-    backgroundColor: '$primaryWhiteLightBackground',
+    backgroundColor: 'transparent',
     width: '$deviceWidth / 7',
     height: '$deviceWidth / 7',
     alignItems: 'center',

src/components/pinAnimatedInput/views/pinAnimatedInputView.js

@@ -1,10 +1,10 @@
-import React, { PureComponent } from 'react';
+import React, { Component } from 'react';
 import { Animated, Easing, View } from 'react-native';
 
 // Styles
 import styles from './pinAnimatedInputStyles';
 
-class PinAnimatedInput extends PureComponent {
+class PinAnimatedInput extends Component {
   /* Props
    *
    *   @prop { string }    pin            - Description.

src/components/votersDisplay/view/votersDisplayView.js

@@ -31,7 +31,7 @@ const VotersDisplayView = ({ votes, navigation }) => {
   const _renderItem = (item, index) => {
     const value = `$ ${item.value}`;
     const percent = `${item.percent}%`;
-    console.log(item);
+
     return (
       <UserListItem
         index={index}

src/screens/login/screen/loginScreen.js

@@ -119,6 +119,7 @@ class LoginScreen extends PureComponent {
                 type="username"
                 isFirstImage
                 value={username}
+                inputStyle={styles.input}
               />
               <FormInput
                 rightIconName="lock"
@@ -131,6 +132,7 @@ class LoginScreen extends PureComponent {
                 isEditable
                 secureTextEntry
                 type="password"
+                inputStyle={styles.input}
               />
               <InformationArea
                 description={intl.formatMessage({

src/screens/login/screen/loginStyles.js

@@ -39,4 +39,7 @@ export default EStyleSheet.create({
     marginHorizontal: 30,
     marginVertical: 10,
   },
+  input: {
+    color: '$primaryDarkText',
+  },
 });

src/utils/postParser.js

@@ -25,13 +25,14 @@ export const parsePost = async (post, currentUserName, isPromoted) => {
   if (!post) {
     return null;
   }
-
+  const activeVotes = await getActiveVotes(get(post, 'author'), get(post, 'permlink'));
   if (currentUserName === post.author) {
     post.markdownBody = post.body;
   }
   post.is_promoted = isPromoted;
   post.json_metadata = JSON.parse(post.json_metadata);
   post.image = postImage(post.json_metadata, post.body);
+  post.active_votes = activeVotes;
   post.vote_count = post.active_votes.length;
   post.author_reputation = getReputation(post.author_reputation);
   post.avatar = getResizedAvatar(get(post, 'author'));