Merge pull request #1348 from esteemapp/tag-improvements

Tag improvements

.eslintrc.json

@@ -5,15 +5,18 @@
     "prettier",
     "plugin:prettier/recommended",
     "plugin:eslint-comments/recommended",
+    "eslint:recommended",
     "plugin:import/errors",
     "plugin:import/warnings",
     "plugin:jest/recommended",
-    "@react-native-community"
+    "@react-native-community",
+    "plugin:import/typescript"
   ],
   "env": {
     "browser": true,
     "jest": true,
-    "react-native/react-native": true
+    "react-native/react-native": true,
+    "node": true
   },
   "plugins": [
     "react",
@@ -32,7 +35,7 @@
         "extensions": [".js", ".jsx"]
       }
     ],
-    "max-len": ["error", 100],
+    "max-len": ["warn", 100],
     "react/forbid-prop-types": [0],
     "no-underscore-dangle": 0,
     "react/require-default-props": [0],
@@ -45,14 +48,16 @@
     "import/no-named-default": "off",
     "no-param-reassign": "off",
     "no-case-declarations": "off",
-    "no-cycle": "off",
+    "import/no-cycle": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "off",
+    "react/destructuring-assignment": [1, "always"],
     "import/no-extraneous-dependencies": [
       "error",
       {
         "devDependencies": true
       }
-    ]
+    ],
+    "import/no-unresolved": "off"
   }
 }

package.json

@@ -66,7 +66,7 @@
     "react-native-navigation-bar-color": "^0.1.0",
     "react-native-reanimated": "^1.3.0",
     "react-native-render-html": "^4.1.2",
-    "react-native-screens": "^2.0.0-alpha.15",
+    "react-native-screens": "^2.0.0-alpha.16",
     "react-native-scrollable-tab-view": "esteemapp/react-native-scrollable-tab-view",
     "react-native-slider": "^0.11.0",
     "react-native-snap-carousel": "^3.8.0",

src/_EXAMPLES FOR DEVELOPERS/components/statefull/view/exampleView.js

@@ -32,3 +32,4 @@ class ExampleView extends Component {
 }
 
 export default ExampleView;
+/* eslint-enable */

src/components/animations/pulse/pulseAnimation.js

@@ -15,6 +15,8 @@ const styles = StyleSheet.create({
 });
 
 class PulseAnimation extends Component {
+  mounted = true;
+
   static defaultProps = {
     color: 'blue',
     diameter: 400,
@@ -33,8 +35,6 @@ class PulseAnimation extends Component {
     },
   };
 
-  mounted = true;
-
   constructor(props) {
     super(props);
 
@@ -97,6 +97,7 @@ class PulseAnimation extends Component {
 
   updatePulse = () => {
     if (this.mounted) {
+      // eslint-disable-next-line react/no-access-state-in-setstate
       const pulses = this.state.pulses.map((p, i) => {
         const { maxDiameter } = this.state;
         const newDiameter = p.diameter > maxDiameter ? 0 : p.diameter + 2;

src/components/basicUIElements/view/placeHolder/boostPlaceHolderView.js

@@ -51,3 +51,4 @@ const BoostPlaceHolder = () => {
 };
 
 export default BoostPlaceHolder;
+/* eslint-enable */

src/components/basicUIElements/view/placeHolder/listPlaceHolderView.js

@@ -18,3 +18,4 @@ const ListPlaceHolderView = () => {
   return <Fragment>{listElements}</Fragment>;
 };
 export default ListPlaceHolderView;
+/* eslint-enable */

src/components/basicUIElements/view/placeHolder/walletDetailsPlaceHolder.js

@@ -43,3 +43,4 @@ const WalletDetailsPlaceHolder = () => (
 );
 
 export default WalletDetailsPlaceHolder;
+/* eslint-enable */

src/components/bottomTabBar/view/tabbar.js

@@ -2,11 +2,11 @@ import { View, TouchableHighlight, Animated } from 'react-native';
 import React, { Component } from 'react';
 import Svg, { Circle, Path } from 'react-native-svg';
 
+import styles from './bottomTabBarStyles';
+
 const AnimatedCircle = Animated.createAnimatedComponent(Circle);
 const AnimatedPath = Animated.createAnimatedComponent(Path);
 
-import styles from './bottomTabBarStyles';
-
 export default class TabBar extends Component {
   constructor(props) {
     super(props);
@@ -32,7 +32,7 @@ export default class TabBar extends Component {
     }
 
     this.state = {
-      selectedIndex: selectedIndex,
+      selectedIndex,
       circleRadius: new Animated.Value(91 + selectedIndex * value),
       pathD: new Animated.Value(selectedIndex * value),
       pathX: selectedIndex * value,
@@ -97,6 +97,7 @@ export default class TabBar extends Component {
             return React.cloneElement(route, {
               selected: selectedIndex === i,
               onPress: this._onPress,
+              // eslint-disable-next-line react/no-array-index-key
               key: i,
               index: i,
               showIcon: true,
@@ -126,6 +127,7 @@ export default class TabBar extends Component {
               pathX}.941653,71.4462087 ${31 + pathX}.454074,80.6628108 Z`}
           />
           <AnimatedCircle
+            // eslint-disable-next-line no-return-assign
             ref={ref => (this._myCircle = ref)}
             fill={circleBackgroundColor}
             cx={circleRadius}
@@ -142,7 +144,7 @@ const TabBarItem = ({ icon, selectedIcon, index, selected, onPress, showIcon, di
   if (selected) {
     if (showIcon) {
       return (
-        <TouchableHighlight underlayColor={'transparent'} style={styles.navItem}>
+        <TouchableHighlight underlayColor="transparent" style={styles.navItem}>
           <View style={styles.circle}>{selectedIcon || icon}</View>
         </TouchableHighlight>
       );
@@ -153,7 +155,7 @@ const TabBarItem = ({ icon, selectedIcon, index, selected, onPress, showIcon, di
 
   return (
     <TouchableHighlight
-      underlayColor={'transparent'}
+      underlayColor="transparent"
       style={styles.navItem}
       onPress={() => onPress(index, disabled)}
     >

src/components/collapsibleCard/view/collapsibleCardView.js

@@ -32,23 +32,6 @@ class CollapsibleCardView extends PureComponent {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isExpanded, moreHeight, locked } = this.props;
-    const { expanded } = this.state;
-
-    if (
-      (locked || !nextProps.isExpanded) &&
-      isExpanded !== nextProps.isExpanded &&
-      expanded !== nextProps.isExpanded
-    ) {
-      this._toggleOnPress();
-    }
-
-    if (moreHeight !== nextProps.moreHeight) {
-      this.anime.height.setValue(this._getMaxValue() + nextProps.moreHeight);
-    }
-  }
-
   // Component Functions
   _initContentHeight = event => {
     if (this.anime.contentHeight > 0) {
@@ -79,6 +62,23 @@ class CollapsibleCardView extends PureComponent {
     }
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isExpanded, moreHeight, locked } = this.props;
+    const { expanded } = this.state;
+
+    if (
+      (locked || !nextProps.isExpanded) &&
+      isExpanded !== nextProps.isExpanded &&
+      expanded !== nextProps.isExpanded
+    ) {
+      this._toggleOnPress();
+    }
+
+    if (moreHeight !== nextProps.moreHeight) {
+      this.anime.height.setValue(this._getMaxValue() + nextProps.moreHeight);
+    }
+  }
+
   render() {
     const {
       title,

src/components/comments/container/commentsContainer.js

@@ -36,19 +36,6 @@ class CommentsContainer extends Component {
     this._getComments();
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { commentCount, selectedFilter } = this.props;
-
-    if (nextProps.commentCount > commentCount) {
-      this._getComments();
-    }
-
-    if (selectedFilter !== get(nextProps, 'selectedFilter') && get(nextProps, 'selectedFilter')) {
-      const shortedComments = this._shortComments(get(nextProps, 'selectedFilter'));
-      this.setState({ comments: shortedComments });
-    }
-  }
-
   // Component Functions
 
   _shortComments = (sortOrder, comments) => {
@@ -244,6 +231,19 @@ class CommentsContainer extends Component {
     }
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { commentCount, selectedFilter } = this.props;
+
+    if (nextProps.commentCount > commentCount) {
+      this._getComments();
+    }
+
+    if (selectedFilter !== get(nextProps, 'selectedFilter') && get(nextProps, 'selectedFilter')) {
+      const shortedComments = this._shortComments(get(nextProps, 'selectedFilter'));
+      this.setState({ comments: shortedComments });
+    }
+  }
+
   render() {
     const { comments: _comments, selectedPermlink } = this.state;
     const {

src/components/dateTimePicker/view/dateTimePickerView.js

@@ -105,3 +105,4 @@ DateTimePickerView.defaultProps = {
 };
 
 export default injectIntl(DateTimePickerView);
+/* eslint-enable */

src/components/editorElements/tagArea/view/tagAreaView.js

@@ -24,22 +24,6 @@ export default class TagAreaView extends Component {
     };
   }
 
-  // Component Life Cycles
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { draftChips, isRemoveTag } = this.props;
-
-    if (nextProps.draftChips && nextProps.draftChips !== draftChips) {
-      const _chips = [...nextProps.draftChips, ' '];
-      this.setState({
-        chips: _chips,
-      });
-    }
-
-    if (isRemoveTag !== nextProps.isRemoveTag && nextProps.isRemoveTag) {
-      this.setState({ chips: [' '], currentText: '' });
-    }
-  }
-
   // Component Functions
   _handleOnChange = (text, i) => {
     this.setState({ currentText: text.replace(/\s/g, '').replace(/,/g, '') });
@@ -96,6 +80,22 @@ export default class TagAreaView extends Component {
     }
   };
 
+  // Component Life Cycles
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { draftChips, isRemoveTag } = this.props;
+
+    if (nextProps.draftChips && nextProps.draftChips !== draftChips) {
+      const _chips = [...nextProps.draftChips, ' '];
+      this.setState({
+        chips: _chips,
+      });
+    }
+
+    if (isRemoveTag !== nextProps.isRemoveTag && nextProps.isRemoveTag) {
+      this.setState({ chips: [' '], currentText: '' });
+    }
+  }
+
   render() {
     const { isPreviewActive } = this.props;
     const { chips, activeChip, currentText } = this.state;
@@ -107,6 +107,7 @@ export default class TagAreaView extends Component {
             (chip, i) =>
               i < 7 && (
                 <Chip
+                  // eslint-disable-next-line react/no-array-index-key
                   key={i}
                   refs={input => {
                     this.inputs[i] = input;

src/components/formInput/view/formInputView.js

@@ -33,15 +33,6 @@ class FormInputView extends Component {
     };
   }
 
-  // Component Life Cycles
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isValid } = this.props;
-
-    if (nextProps.isValid !== isValid) {
-      this.setState({ isValid: nextProps.isValid });
-    }
-  }
-
   // Component Functions
   _handleOnChange = value => {
     const { onChange } = this.props;
@@ -56,6 +47,15 @@ class FormInputView extends Component {
     this.setState({ inputBorderColor: '#357ce6' });
   };
 
+  // Component Life Cycles
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isValid } = this.props;
+
+    if (nextProps.isValid !== isValid) {
+      this.setState({ isValid: nextProps.isValid });
+    }
+  }
+
   render() {
     const { inputBorderColor, isValid, value } = this.state;
     const {

src/components/formatedElements/formattedCurrency/formattedCurrencyView.js

@@ -7,9 +7,9 @@ const FormattedCurrency = ({ value, fixAt = 3, currency, isApproximate = false }
   const toFixedValue = valueInCurrency.toFixed(fixAt);
 
   return (
-    <Fragment key={toFixedValue.toString()}>{`${
+    <Fragment key={toFixedValue.toString()}>
-      isApproximate ? '~' : ''
+      {`${isApproximate ? '~' : ''}${currencySymbol} ${toFixedValue}`}
-    }${currencySymbol} ${toFixedValue}`}</Fragment>
+    </Fragment>
   );
 };
 

src/components/index.js

@@ -1,6 +1,6 @@
 import { AvatarHeader } from './avatarHeader';
 import { BasicHeader } from './basicHeader';
-import { BoostIndicatorAnimation } from './animations';
+import { BoostIndicatorAnimation, PulseAnimation, SpinIndicator } from './animations';
 import { BottomTabBar } from './bottomTabBar';
 import { CheckBox } from './checkbox';
 import { CircularButton, TextButton, SquareButton } from './buttons';
@@ -32,13 +32,13 @@ import { PostForm } from './postForm';
 import { PostHeaderDescription, PostBody, Tags } from './postElements';
 import { PostListItem } from './postListItem';
 import { ProfileSummary } from './profileSummary';
-import { PulseAnimation } from './animations';
+
 import { SearchInput } from './searchInput';
 import { SearchModal } from './searchModal';
 import { SettingsItem } from './settingsItem';
 import { SideMenu } from './sideMenu';
-import { SpinIndicator } from './animations';
+
-import { SummaryArea, TagArea, TextArea, TitleArea } from './editorElements';
+import { SummaryArea, TagArea, TitleArea } from './editorElements';
 import { TabBar } from './tabBar';
 import { TextInput } from './textInput';
 import { ToastNotification } from './toastNotification';
@@ -171,7 +171,6 @@ export {
   Tag,
   TagArea,
   Tags,
-  TextArea,
   TextButton,
   TextInput,
   TextWithIcon,

src/components/mainButton/view/mainButtonView.js

@@ -27,16 +27,6 @@ class MainButton extends Component {
     };
   }
 
-  // Component Life Cycles
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isLoading, isDisable } = this.props;
-    if (nextProps.isLoading !== isLoading || nextProps.isDisable !== isDisable) {
-      this.setState({
-        isDisable: !nextProps.isLoading && nextProps.isDisable,
-      });
-    }
-  }
-
   // Component Functions
   _handleOnPress = () => {
     const { onPress } = this.props;
@@ -88,6 +78,16 @@ class MainButton extends Component {
 
   _getIndicator = () => <ActivityIndicator color="white" style={styles.activityIndicator} />;
 
+  // Component Life Cycles
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isLoading, isDisable } = this.props;
+    if (nextProps.isLoading !== isLoading || nextProps.isDisable !== isDisable) {
+      this.setState({
+        isDisable: !nextProps.isLoading && nextProps.isDisable,
+      });
+    }
+  }
+
   render() {
     const { wrapperStyle, children, height, style, isLoading } = this.props;
     const { isDisable } = this.state;

src/components/notification/view/notificationView.js

@@ -214,3 +214,4 @@ class NotificationView extends PureComponent {
 }
 
 export default injectIntl(NotificationView);
+/* eslint-enable */

src/components/notificationLine/view/notificationLineView.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-one-expression-per-line */
 import React, { useState, useEffect } from 'react';
 import { View, Text, Image, TouchableHighlight } from 'react-native';
 import { useIntl } from 'react-intl';
@@ -75,3 +76,4 @@ const NotificationLineView = ({ notification, handleOnPressNotification }) => {
 };
 
 export default NotificationLineView;
+/* eslint-enable */

src/components/pinAnimatedInput/views/pinAnimatedInputView.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-array-index-key */
 import React, { Component } from 'react';
 import { Animated, Easing, View } from 'react-native';
 
@@ -22,17 +23,6 @@ class PinAnimatedInput extends Component {
     this.dots[3] = new Animated.Value(0);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { loading } = this.props;
-    if (loading !== nextProps.loading) {
-      if (nextProps.loading) {
-        this._startLoadingAnimation();
-      } else {
-        this._stopLoadingAnimation();
-      }
-    }
-  }
-
   _startLoadingAnimation = () => {
     [...Array(4)].map((item, index) => {
       this.dots[index].setValue(0);
@@ -58,6 +48,17 @@ class PinAnimatedInput extends Component {
     });
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { loading } = this.props;
+    if (loading !== nextProps.loading) {
+      if (nextProps.loading) {
+        this._startLoadingAnimation();
+      } else {
+        this._stopLoadingAnimation();
+      }
+    }
+  }
+
   render() {
     const { pin } = this.props;
     const marginBottom = [];
@@ -88,3 +89,4 @@ class PinAnimatedInput extends Component {
 }
 
 export default PinAnimatedInput;
+/* eslint-enable */

src/components/postBoost/postBoostView.js

@@ -145,11 +145,9 @@ class BoostPostScreen extends PureComponent {
               <Text style={styles.balanceText}>{`${balance || _balance} ESTM`}</Text>
               <View style={styles.autocompleteLineContainer}>
                 <View style={styles.autocompleteLabelContainer}>
-                  {
+                  <Text style={styles.autocompleteLabelText}>
-                    <Text style={styles.autocompleteLabelText}>
+                    {intl.formatMessage({ id: 'promote.permlink' })}
-                      {intl.formatMessage({ id: 'promote.permlink' })}
+                  </Text>
-                    </Text>
-                  }
                 </View>
 
                 <Autocomplete

src/components/postCard/container/postCardContainer.js

@@ -24,12 +24,6 @@ class PostCardContainer extends PureComponent {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (get(nextProps, 'isRefresh')) {
-      this._fetchPost();
-    }
-  }
-
   _handleOnUserPress = () => {
     const { navigation, currentAccount, content } = this.props;
     if (content && get(currentAccount, 'name') !== get(content, 'author')) {
@@ -94,6 +88,12 @@ class PostCardContainer extends PureComponent {
       .catch(() => {});
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (get(nextProps, 'isRefresh')) {
+      this._fetchPost();
+    }
+  }
+
   render() {
     const { content, isHideImage, nsfw } = this.props;
     const { _content } = this.state;

src/components/postCard/view/postCardView.js

@@ -36,17 +36,6 @@ class PostCardView extends Component {
     };
   }
 
-  // Component Lifecycle Functions
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { content } = this.props;
-    const rebloggedBy = get(content, 'reblogged_by[0]', null);
-    const _rebloggedBy = get(nextProps.content, 'reblogged_by[0]', null);
-
-    if (rebloggedBy !== _rebloggedBy && !_rebloggedBy) {
-      this.setState({ rebloggedBy });
-    }
-  }
-
   // Component Functions
 
   _handleOnUserPress = () => {
@@ -87,6 +76,17 @@ class PostCardView extends Component {
     return DEFAULT_IMAGE;
   };
 
+  // Component Lifecycle Functions
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { content } = this.props;
+    const rebloggedBy = get(content, 'reblogged_by[0]', null);
+    const _rebloggedBy = get(nextProps.content, 'reblogged_by[0]', null);
+
+    if (rebloggedBy !== _rebloggedBy && !_rebloggedBy) {
+      this.setState({ rebloggedBy });
+    }
+  }
+
   render() {
     const { content, isHideImage, fetchPost, isNsfwPost, intl } = this.props;
     const { rebloggedBy } = this.state;

src/components/postElements/body/view/postBodyView.js

@@ -6,7 +6,7 @@ import AutoHeightWebView from 'react-native-autoheight-webview';
 import EStyleSheet from 'react-native-extended-stylesheet';
 import get from 'lodash/get';
 
-import script from './config.js';
+import script from './config';
 import { PostPlaceHolder, CommentPlaceHolder } from '../../../basicUIElements';
 
 // Constants

src/components/postView/container/postDisplayContainer.js

@@ -29,14 +29,6 @@ class PostDisplayContainer extends Component {
     this.state = {};
   }
 
-  // Component Life Cycle Functions
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isFetchPost } = this.props;
-    if (isFetchPost !== nextProps.isFetchPost && nextProps.isFetchPost) {
-      this._fetchPost();
-    }
-  }
-
   // Component Functions
   _handleOnVotersPress = activeVotes => {
     const { navigation, post } = this.props;
@@ -119,6 +111,14 @@ class PostDisplayContainer extends Component {
     }
   };
 
+  // Component Life Cycle Functions
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isFetchPost } = this.props;
+    if (isFetchPost !== nextProps.isFetchPost && nextProps.isFetchPost) {
+      this._fetchPost();
+    }
+  }
+
   render() {
     const {
       currentAccount,

src/components/posts/view/postsView.js

@@ -397,3 +397,4 @@ const PostsView = ({
 };
 
 export default withNavigation(PostsView);
+/* eslint-enable */

src/components/promote/promoteView.js

@@ -143,11 +143,9 @@ class PromoteView extends PureComponent {
               <Fragment>
                 <View style={styles.autocomplateLineContainer}>
                   <View style={styles.autocomplateLabelContainer}>
-                    {
+                    <Text style={styles.autocomplateLabelText}>
-                      <Text style={styles.autocomplateLabelText}>
+                      {intl.formatMessage({ id: 'promote.permlink' })}
-                        {intl.formatMessage({ id: 'promote.permlink' })}
+                    </Text>
-                      </Text>
-                    }
                   </View>
 
                   <Autocomplete

src/components/scaleSlider/scaleSliderView.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unused-state */
 import React, { Component } from 'react';
 import { View, Dimensions, Text } from 'react-native';
 import MultiSlider from '@ptomasroos/react-native-multi-slider';
@@ -82,3 +83,4 @@ export default class ScaleSliderView extends Component {
     );
   }
 }
+/* eslint-enable */

src/components/searchModal/container/searchModalContainer.js

@@ -76,7 +76,7 @@ const SearchModalContainer = ({
                   const result = {};
                   const metadata = JSON.parse(get(post, 'json_metadata', ''));
                   if (get(metadata, 'image', false) && metadata.image.length > 0) {
-                    result.image = metadata.image[0];
+                    [result.image] = metadata.image;
                   } else {
                     result.image = getResizedAvatar(author);
                   }

src/components/sideMenu/container/sideMenuContainer.js

@@ -30,14 +30,6 @@ class SideMenuContainer extends Component {
 
   // Component Life Cycle Functions
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isLoggedIn } = this.props;
-
-    if (isLoggedIn) {
-      this._createUserList(nextProps.otherAccounts);
-    }
-  }
-
   _createUserList = otherAccounts => {
     const { currentAccount } = this.props;
 
@@ -92,6 +84,14 @@ class SideMenuContainer extends Component {
     dispatch(logout());
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isLoggedIn } = this.props;
+
+    if (isLoggedIn) {
+      this._createUserList(nextProps.otherAccounts);
+    }
+  }
+
   render() {
     const { currentAccount, isLoggedIn } = this.props;
     const { accounts } = this.state;

src/components/sideMenu/view/sideMenuView.js

@@ -42,19 +42,6 @@ class SideMenuView extends Component {
     });
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isLoggedIn, accounts } = this.props;
-    const { isAddAccountIconActive } = this.state;
-
-    if (isLoggedIn !== nextProps.isLoggedIn) {
-      this._setMenuItems(nextProps.isLoggedIn);
-    }
-
-    if (accounts !== nextProps.accounts && isAddAccountIconActive) {
-      this.setState({ menuItems: nextProps.accounts });
-    }
-  }
-
   // Component Functions
 
   _handleOnPressAddAccountIcon = () => {
@@ -91,6 +78,19 @@ class SideMenuView extends Component {
     }
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isLoggedIn, accounts } = this.props;
+    const { isAddAccountIconActive } = this.state;
+
+    if (isLoggedIn !== nextProps.isLoggedIn) {
+      this._setMenuItems(nextProps.isLoggedIn);
+    }
+
+    if (accounts !== nextProps.accounts && isAddAccountIconActive) {
+      this.setState({ menuItems: nextProps.accounts });
+    }
+  }
+
   render() {
     const { currentAccount, isLoggedIn, intl, handleLogout } = this.props;
     const { menuItems, isAddAccountIconActive, storageT } = this.state;

src/components/spinGame/spinGameView.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-this-in-sfc */
 import React, { useState, Fragment } from 'react';
 import { Image, Text, View } from 'react-native';
 import moment from 'moment';
@@ -82,9 +83,11 @@ const SpinGameView = ({
                       handleOnButtonPress={id => buyItem(id)}
                     />
                   ))}
-                  <Text style={styles.nextDate}>{`${intl.formatMessage({
+                  <Text style={styles.nextDate}>
-                    id: 'free_estm.timer_text',
+                    {`${intl.formatMessage({
-                  })} ${moment.utc(moment(nextDate).diff(new Date())).format('H:m')}`}</Text>
+                      id: 'free_estm.timer_text',
+                    })} ${moment.utc(moment(nextDate).diff(new Date())).format('H:m')}`}
+                  </Text>
                 </Fragment>
               )}
             </Fragment>
@@ -96,3 +99,4 @@ const SpinGameView = ({
 };
 
 export { SpinGameView as SpinGame };
+/* eslint-enable */

src/components/toastNotification/view/toastNotificaitonView.js

@@ -17,11 +17,6 @@ class ToastNotification extends Component {
     };
   }
 
-  // Component Life Cycles
-  componentWillMount() {
-    this._showToast();
-  }
-
   // Component Functions
   _showToast() {
     const { duration } = this.props;
@@ -53,6 +48,11 @@ class ToastNotification extends Component {
     }
   }
 
+  // Component Life Cycles
+  UNSAFE_componentWillMount() {
+    this._showToast();
+  }
+
   render() {
     const { text, textStyle, style, onPress, isTop } = this.props;
     const { animatedValue } = this.state;

src/components/toggleSwitch/view/toggleSwitchView.js

@@ -28,9 +28,6 @@ class ToggleSwitchView extends PureComponent {
   }
 
   // Component Life Cycles
-  componentWillMount() {
-    this.setState({ duration: 0 });
-  }
 
   componentDidMount() {
     this.setState({ duration: 300 });
@@ -96,6 +93,10 @@ class ToggleSwitchView extends PureComponent {
     }).start();
   };
 
+  UNSAFE_componentWillMount() {
+    this.setState({ duration: 0 });
+  }
+
   render() {
     this._triggerAnimation();
 

src/components/transaction/transactionView.js

@@ -94,3 +94,4 @@ const TransactionView = ({ transactions, type, refreshing, setRefreshing, isLoad
 };
 
 export default TransactionView;
+/* eslint-enable */

src/components/upvote/view/upvoteView.js

@@ -48,24 +48,6 @@ class UpvoteView extends Component {
     this._calculateEstimatedAmount();
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isVoted, upvotePercent } = this.props;
-    const { isVoted: localIsVoted } = this.state;
-
-    if (isVoted !== get(nextProps, 'isVoted') && localIsVoted !== get(nextProps, 'isVoted')) {
-      this.setState({ isVoted: get(nextProps, 'isVoted') });
-    }
-
-    if (upvotePercent !== get(nextProps, 'upvotePercent')) {
-      this.setState({
-        sliderValue:
-          get(nextProps, 'isVoted', false) ||
-          get(nextProps, 'isDownVoted', 1) ||
-          get(nextProps, 'upvotePercent', 1),
-      });
-    }
-  }
-
   // Component Functions
   _calculateEstimatedAmount = async () => {
     const { currentAccount, globalProps } = this.props;
@@ -187,6 +169,24 @@ class UpvoteView extends Component {
     }, 300);
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isVoted, upvotePercent } = this.props;
+    const { isVoted: localIsVoted } = this.state;
+
+    if (isVoted !== get(nextProps, 'isVoted') && localIsVoted !== get(nextProps, 'isVoted')) {
+      this.setState({ isVoted: get(nextProps, 'isVoted') });
+    }
+
+    if (upvotePercent !== get(nextProps, 'upvotePercent')) {
+      this.setState({
+        sliderValue:
+          get(nextProps, 'isVoted', false) ||
+          get(nextProps, 'isDownVoted', 1) ||
+          get(nextProps, 'upvotePercent', 1),
+      });
+    }
+  }
+
   render() {
     const {
       isDecinedPayout,
@@ -204,7 +204,7 @@ class UpvoteView extends Component {
     const { isVoting, amount, sliderValue, isVoted, isShowDetails, downvote } = this.state;
 
     let iconName = 'upcircleo';
-    let iconType = 'AntDesign';
+    const iconType = 'AntDesign';
     let downVoteIconName = 'downcircleo';
 
     if (isVoted) {

src/components/userAvatar/view/userAvatarView.js

@@ -36,7 +36,7 @@ class UserAvatarView extends Component {
     const routeName = name === username ? ROUTES.TABBAR.PROFILE : ROUTES.SCREENS.PROFILE;
 
     navigate({
-      routeName: routeName,
+      routeName,
       params: {
         username,
       },

src/components/wallet/view/walletView.js

@@ -131,3 +131,4 @@ const WalletView = ({ setEstimatedWalletValue, selectedUser, handleOnScroll }) =
 };
 
 export default WalletView;
+/* eslint-enable */

src/components/walletHeader/view/walletHeaderView.js

@@ -81,9 +81,7 @@ const WalletHeaderView = ({
           >
             <View style={styles.mainButtonWrapper}>
               <Text style={styles.unclaimedText}>
-                {unclaimedBalance
+                {unclaimedBalance || intl.formatMessage({ id: `wallet.${type}.buy` })}
-                  ? unclaimedBalance
-                  : intl.formatMessage({ id: `wallet.${type}.buy` })}
               </Text>
               <View style={styles.mainIconWrapper}>
                 <Icon name="add" iconType="MaterialIcons" color="#357ce6" size={23} />
@@ -115,3 +113,4 @@ const WalletHeaderView = ({
 };
 
 export default withNavigation(WalletHeaderView);
+/* eslint-enable */

src/containers/accountContainer.js

@@ -31,3 +31,4 @@ const mapStateToProps = state => ({
 });
 
 export default connect(mapStateToProps)(AccountContainer);
+/* eslint-enable */

src/containers/inAppPurchaseContainer.js

@@ -173,3 +173,4 @@ const mapStateToProps = state => ({
 });
 
 export default withNavigation(injectIntl(connect(mapStateToProps)(InAppPurchaseContainer)));
+/* eslint-enable */

src/containers/loggedInContainer.js

@@ -38,3 +38,4 @@ const mapStateToProps = state => ({
 });
 
 export default connect(mapStateToProps)(LoggedInContainer);
+/* eslint-enable */

src/containers/profileContainer.js

@@ -76,36 +76,6 @@ class ProfileContainer extends Component {
     this._loadProfile(targetUsername);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!nextProps.isConnected) {
-      return;
-    }
-
-    const { isLoggedIn, navigation } = this.props;
-    const { isOwnProfile } = this.state;
-
-    if (isLoggedIn && !nextProps.isLoggedIn) {
-      navigation.navigate(ROUTES.SCREENS.LOGIN);
-      return;
-    }
-
-    if (isOwnProfile) {
-      const { user } = this.state;
-      const { activeBottomTab, currentAccount } = this.props;
-
-      const currentUsername =
-        get(currentAccount, 'name') !== get(nextProps, 'currentAccount.name') &&
-        get(nextProps, 'currentAccount.name');
-      const isActiveTabChanged =
-        activeBottomTab !== get(nextProps, 'activeBottomTab') &&
-        get(nextProps, 'activeBottomTab') === ROUTES.TABBAR.PROFILE;
-
-      if ((isActiveTabChanged && user) || currentUsername) {
-        this._loadProfile(get(nextProps, 'currentAccount.name'));
-      }
-    }
-  }
-
   _getReplies = async user => {
     const { isOwnProfile } = this.state;
     let repliesAction;
@@ -318,6 +288,36 @@ class ProfileContainer extends Component {
     });
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (!nextProps.isConnected) {
+      return;
+    }
+
+    const { isLoggedIn, navigation } = this.props;
+    const { isOwnProfile } = this.state;
+
+    if (isLoggedIn && !nextProps.isLoggedIn) {
+      navigation.navigate(ROUTES.SCREENS.LOGIN);
+      return;
+    }
+
+    if (isOwnProfile) {
+      const { user } = this.state;
+      const { activeBottomTab, currentAccount } = this.props;
+
+      const currentUsername =
+        get(currentAccount, 'name') !== get(nextProps, 'currentAccount.name') &&
+        get(nextProps, 'currentAccount.name');
+      const isActiveTabChanged =
+        activeBottomTab !== get(nextProps, 'activeBottomTab') &&
+        get(nextProps, 'activeBottomTab') === ROUTES.TABBAR.PROFILE;
+
+      if ((isActiveTabChanged && user) || currentUsername) {
+        this._loadProfile(get(nextProps, 'currentAccount.name'));
+      }
+    }
+  }
+
   render() {
     const {
       avatar,
@@ -399,3 +399,4 @@ const mapStateToProps = state => ({
 });
 
 export default connect(mapStateToProps)(withNavigation(ProfileContainer));
+/* eslint-enable */

src/containers/steemWalletContainer.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
-import { connect } from 'react-redux';
+import { connect, useDispatch } from 'react-redux';
 import { useIntl } from 'react-intl';
-import { useDispatch } from 'react-redux';
+
 import get from 'lodash/get';
 import { toastNotification } from '../redux/actions/uiAction';
 
@@ -239,8 +239,8 @@ const WalletContainer = ({
       claimRewardBalance: _claimRewardBalance,
       currentAccountUsername: currentAccount.name,
       handleOnWalletRefresh: _handleOnWalletRefresh,
-      isClaiming: isClaiming,
+      isClaiming,
-      refreshing: refreshing,
+      refreshing,
       selectedUsername: get(selectedUser, 'name', ''),
       isLoading,
       walletData,

src/containers/themeContainer.js

@@ -16,3 +16,4 @@ const mapStateToProps = state => ({
 });
 
 export default connect(mapStateToProps)(ThemeContainer);
+/* eslint-enable */

src/providers/esteem/esteem.js

@@ -4,7 +4,7 @@ import imageApi from '../../config/imageApi';
 import serverList from '../../config/serverListApi';
 import { jsonStringify } from '../../utils/jsonUtils';
 import bugsnag from '../../config/bugsnag';
-//market-data/currency-rate/USD/estm
+// market-data/currency-rate/USD/estm
 export const getCurrencyRate = currency =>
   api
     .get(`/market-data/currency-rate/${currency.toUpperCase()}/steem`)
@@ -347,8 +347,6 @@ export const getNodes = () =>
           'https://rpc.buildteam.io',
           'https://rpc.steemviz.com',
           'https://api.steem.house',
-          'https://steemd.pevo.science',
-          'https://steemd.minnowsupportproject.org',
         ],
     );
 

src/providers/steem/dsteem.js

@@ -1249,3 +1249,4 @@ const getActiveKey = (local, pin) => {
 
   return false;
 };
+/* eslint-enable */

src/screens/application/container/applicationContainer.js

@@ -96,11 +96,6 @@ class ApplicationContainer extends Component {
     };
   }
 
-  componentWillMount() {
-    const { isDarkTheme: _isDarkTheme } = this.props;
-    EStyleSheet.build(_isDarkTheme ? darkTheme : lightTheme);
-  }
-
   componentDidMount = () => {
     const { isIos } = this.state;
     this._setNetworkListener();
@@ -127,38 +122,6 @@ class ApplicationContainer extends Component {
     }
   };
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      isDarkTheme: _isDarkTheme,
-      selectedLanguage,
-      isLogingOut,
-      isConnected,
-      api,
-    } = this.props;
-
-    if (
-      _isDarkTheme !== nextProps.isDarkTheme ||
-      selectedLanguage !== nextProps.selectedLanguage ||
-      (api !== nextProps.api && nextProps.api)
-    ) {
-      this.setState({ isRenderRequire: false }, () => this.setState({ isRenderRequire: true }));
-      if (nextProps.isDarkTheme) {
-        changeNavigationBarColor('#1e2835');
-      } else {
-        changeNavigationBarColor('#FFFFFF', true);
-      }
-    }
-
-    if (isLogingOut !== nextProps.isLogingOut && nextProps.isLogingOut) {
-      this._logout();
-    }
-
-    if (isConnected !== null && isConnected !== nextProps.isConnected && nextProps.isConnected) {
-      this._fetchApp();
-      this.globalInterval = setInterval(this._refreshGlobalProps, 180000);
-    }
-  }
-
   componentWillUnmount() {
     const { isIos } = this.state;
     const { isPinCodeOpen: _isPinCodeOpen } = this.props;
@@ -531,7 +494,7 @@ class ApplicationContainer extends Component {
   };
 
   _connectNotificationServer = username => {
-    /*eslint no-undef: "warn"*/
+    /* eslint no-undef: "warn" */
     const ws = new WebSocket(`${Config.ACTIVITY_WEBSOCKET_URL}?user=${username}`);
 
     ws.onmessage = () => {
@@ -613,6 +576,43 @@ class ApplicationContainer extends Component {
     dispatch(updateCurrentAccount(_currentAccount));
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      isDarkTheme: _isDarkTheme,
+      selectedLanguage,
+      isLogingOut,
+      isConnected,
+      api,
+    } = this.props;
+
+    if (
+      _isDarkTheme !== nextProps.isDarkTheme ||
+      selectedLanguage !== nextProps.selectedLanguage ||
+      (api !== nextProps.api && nextProps.api)
+    ) {
+      this.setState({ isRenderRequire: false }, () => this.setState({ isRenderRequire: true }));
+      if (nextProps.isDarkTheme) {
+        changeNavigationBarColor('#1e2835');
+      } else {
+        changeNavigationBarColor('#FFFFFF', true);
+      }
+    }
+
+    if (isLogingOut !== nextProps.isLogingOut && nextProps.isLogingOut) {
+      this._logout();
+    }
+
+    if (isConnected !== null && isConnected !== nextProps.isConnected && nextProps.isConnected) {
+      this._fetchApp();
+      this.globalInterval = setInterval(this._refreshGlobalProps, 180000);
+    }
+  }
+
+  UNSAFE_componentWillMount() {
+    const { isDarkTheme: _isDarkTheme } = this.props;
+    EStyleSheet.build(_isDarkTheme ? darkTheme : lightTheme);
+  }
+
   render() {
     const {
       selectedLanguage,
@@ -672,3 +672,4 @@ export default connect(
     },
   }),
 )(injectIntl(ApplicationContainer));
+/* eslint-enable */

src/screens/application/screen/applicationScreen.js

@@ -27,7 +27,13 @@ class ApplicationScreen extends Component {
     };
   }
 
-  componentWillMount() {
+  _handleOnHideToastNotification = () => {
+    const { dispatch } = this.props;
+    dispatch(toastNotificationAction(''));
+    this.setState({ isShowToastNotification: false });
+  };
+
+  UNSAFE_componentWillMount() {
     const { isDarkTheme } = this.props;
     EStyleSheet.build(isDarkTheme ? darkTheme : lightTheme);
   }
@@ -39,12 +45,6 @@ class ApplicationScreen extends Component {
     }
   }
 
-  _handleOnHideToastNotification = () => {
-    const { dispatch } = this.props;
-    dispatch(toastNotificationAction(''));
-    this.setState({ isShowToastNotification: false });
-  };
-
   render() {
     const { isConnected, isDarkTheme, toastNotification, isReady } = this.props;
     const { isShowToastNotification } = this.state;

src/screens/drafts/screen/draftsScreen.js

@@ -161,3 +161,4 @@ class DraftsScreen extends Component {
 }
 
 export default injectIntl(DraftsScreen);
+/* eslint-enable */

src/screens/editor/container/editorContainer.js

@@ -54,67 +54,6 @@ class EditorContainer extends Component {
     };
   }
 
-  // Component Life Cycle Functions
-
-  componentWillMount() {
-    const { currentAccount, navigation } = this.props;
-    const username = currentAccount && currentAccount.name ? currentAccount.name : '';
-    let isReply;
-    let isEdit;
-    let post;
-    let _draft;
-
-    if (navigation.state && navigation.state.params) {
-      const navigationParams = navigation.state.params;
-
-      if (navigationParams.draft) {
-        _draft = navigationParams.draft;
-
-        this.setState({
-          draftPost: {
-            title: _draft.title,
-            body: _draft.body,
-            tags: _draft.tags.includes(' ') ? _draft.tags.split(' ') : _draft.tags.split(','),
-          },
-          draftId: _draft._id,
-          isDraft: true,
-        });
-      }
-
-      if (navigationParams.post) {
-        ({ post } = navigationParams);
-        this.setState({ post });
-      }
-
-      if (navigationParams.isReply) {
-        ({ isReply } = navigationParams);
-        this.setState({ isReply });
-      }
-
-      if (navigationParams.isEdit) {
-        ({ isEdit } = navigationParams);
-        this.setState({
-          isEdit,
-          draftPost: {
-            title: get(post, 'title', ''),
-            body: get(post, 'markdownBody', ''),
-            tags: get(post, 'json_metadata.tags', []),
-          },
-        });
-      }
-
-      if (navigationParams.action) {
-        this._handleRoutingAction(navigationParams.action);
-      }
-    } else {
-      this.setState({ autoFocusText: true });
-    }
-
-    if (!isEdit && !_draft) {
-      this._getDraft(username, isReply);
-    }
-  }
-
   _getDraft = async (username, isReply) => {
     if (isReply) {
       const draftReply = await AsyncStorage.getItem('temp-reply');
@@ -311,7 +250,7 @@ class EditorContainer extends Component {
 
       const author = currentAccount.name;
       const options = makeOptions(author, permlink);
-      const parentPermlink = fields.tags[0];
+      const parentPermlink = fields.tags[0] || 'hive-125125';
 
       if (scheduleDate) {
         await this._setScheduledPost({
@@ -553,6 +492,66 @@ class EditorContainer extends Component {
     this.setState({ uploadedImage: null });
   };
 
+  // Component Life Cycle Functions
+  UNSAFE_componentWillMount() {
+    const { currentAccount, navigation } = this.props;
+    const username = currentAccount && currentAccount.name ? currentAccount.name : '';
+    let isReply;
+    let isEdit;
+    let post;
+    let _draft;
+
+    if (navigation.state && navigation.state.params) {
+      const navigationParams = navigation.state.params;
+
+      if (navigationParams.draft) {
+        _draft = navigationParams.draft;
+
+        this.setState({
+          draftPost: {
+            title: _draft.title,
+            body: _draft.body,
+            tags: _draft.tags.includes(' ') ? _draft.tags.split(' ') : _draft.tags.split(','),
+          },
+          draftId: _draft._id,
+          isDraft: true,
+        });
+      }
+
+      if (navigationParams.post) {
+        ({ post } = navigationParams);
+        this.setState({ post });
+      }
+
+      if (navigationParams.isReply) {
+        ({ isReply } = navigationParams);
+        this.setState({ isReply });
+      }
+
+      if (navigationParams.isEdit) {
+        ({ isEdit } = navigationParams);
+        this.setState({
+          isEdit,
+          draftPost: {
+            title: get(post, 'title', ''),
+            body: get(post, 'markdownBody', ''),
+            tags: get(post, 'json_metadata.tags', []),
+          },
+        });
+      }
+
+      if (navigationParams.action) {
+        this._handleRoutingAction(navigationParams.action);
+      }
+    } else {
+      this.setState({ autoFocusText: true });
+    }
+
+    if (!isEdit && !_draft) {
+      this._getDraft(username, isReply);
+    }
+  }
+
   render() {
     const { isLoggedIn, isDarkTheme } = this.props;
     const {

src/screens/editor/screen/editorScreen.js

@@ -166,8 +166,9 @@ class EditorScreen extends Component {
   _handleOnTagAdded = async tags => {
     const { fields: _fields } = this.state;
     const _tags = tags.filter(tag => tag && tag !== ' ');
+    const __tags = _tags.map(t => t.toLowerCase());
 
-    const fields = { ..._fields, tags: [..._tags] };
+    const fields = { ..._fields, tags: [...__tags] };
     await this.setState({ fields, isRemoveTag: false });
 
     this._handleFormUpdate();

src/screens/follows/screen/followsScreen.js

@@ -67,3 +67,4 @@ class FollowsScreen extends PureComponent {
 }
 
 export default injectIntl(FollowsScreen);
+/* eslint-enable */

src/screens/notification/container/notificationContainer.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unused-state */
 import React, { Component } from 'react';
 import { Alert } from 'react-native';
 import { connect } from 'react-redux';
@@ -35,20 +36,6 @@ class NotificationContainer extends Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { selectedFilter } = this.state;
-    const { username } = this.props;
-
-    if (
-      (nextProps.activeBottomTab === ROUTES.TABBAR.NOTIFICATION && nextProps.username) ||
-      (nextProps.username !== username && nextProps.username)
-    ) {
-      this.setState({ endOfNotification: false }, () =>
-        this._getAvtivities(nextProps.username, selectedFilter),
-      );
-    }
-  }
-
   _getAvtivities = (user, type = null, loadMore = false) => {
     const { lastNotificationId, notifications, endOfNotification } = this.state;
     const since = loadMore ? lastNotificationId : null;
@@ -150,6 +137,20 @@ class NotificationContainer extends Component {
     await this.setState({ selectedFilter: value, endOfNotification: false, selectedIndex: ind });
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { selectedFilter } = this.state;
+    const { username } = this.props;
+
+    if (
+      (nextProps.activeBottomTab === ROUTES.TABBAR.NOTIFICATION && nextProps.username) ||
+      (nextProps.username !== username && nextProps.username)
+    ) {
+      this.setState({ endOfNotification: false }, () =>
+        this._getAvtivities(nextProps.username, selectedFilter),
+      );
+    }
+  }
+
   render() {
     const { isLoggedIn } = this.props;
     const { notifications, isNotificationRefreshing } = this.state;
@@ -178,3 +179,4 @@ const mapStateToProps = state => ({
 });
 
 export default injectIntl(connect(mapStateToProps)(NotificationContainer));
+/* eslint-enable */

src/screens/pinCode/screen/pinCodeScreen.js

@@ -3,8 +3,7 @@ import { useIntl } from 'react-intl';
 
 import { Text, TouchableOpacity, View } from 'react-native';
 
-import { NumericKeyboard, PinAnimatedInput } from '../../../components';
+import { NumericKeyboard, PinAnimatedInput, UserAvatar } from '../../../components';
-import { UserAvatar } from '../../../components';
 
 import styles from './pinCodeStyles';
 

src/screens/post/container/postContainer.js

@@ -44,17 +44,6 @@ class PostContainer extends Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { navigation } = this.props;
-    const { isFetch: nextIsFetch } = get(nextProps, 'navigation.state.params');
-
-    if (nextIsFetch) {
-      const { author, permlink } = get(navigation, 'state.params');
-
-      this._loadPost(author, permlink);
-    }
-  }
-
   // Component Functions
 
   _loadPost = async (author = null, permlink = null, isParentPost = false) => {
@@ -81,6 +70,17 @@ class PostContainer extends Component {
       });
   };
 
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { navigation } = this.props;
+    const { isFetch: nextIsFetch } = get(nextProps, 'navigation.state.params');
+
+    if (nextIsFetch) {
+      const { author, permlink } = get(navigation, 'state.params');
+
+      this._loadPost(author, permlink);
+    }
+  }
+
   render() {
     const { currentAccount, isLoggedIn } = this.props;
     const { error, isNewPost, parentPost, post, isPostUnavailable, author } = this.state;

src/screens/settings/screen/settingsScreen.js

@@ -258,3 +258,4 @@ const SettingsScreen = ({
   );
 };
 export default injectIntl(SettingsScreen);
+/* eslint-enable */

src/screens/transfer/screen/delegateScreen.js

@@ -149,6 +149,7 @@ class DelegateScreen extends Component {
         parseToken(get(selectedAccount, 'delegated_vesting_shares'));
     }
     const fixedAmount = `${amount.toFixed(6)} VESTS`;
+    // eslint-disable-next-line max-len
     const path = `sign/delegate-vesting-shares?delegator=${from}&delegatee=${destination}&vesting_shares=${encodeURIComponent(
       fixedAmount,
     )}`;

src/screens/transfer/screen/powerDownScreen.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unused-state */
 import React, { Fragment, Component } from 'react';
 import { Text, View, ScrollView, Alert } from 'react-native';
 import ActionSheet from 'react-native-actionsheet';
@@ -48,13 +49,6 @@ class PowerDownView extends Component {
     this.stopActionSheet = React.createRef();
   }
 
-  // Component Life Cycles
-  componentWillMount() {
-    const { currentAccountName } = this.props;
-
-    this._fetchRoutes(currentAccountName);
-  }
-
   // Component Functions
 
   _fetchRoutes = username => {
@@ -189,6 +183,13 @@ class PowerDownView extends Component {
     }
   };
 
+  // Component Life Cycles
+  UNSAFE_componentWillMount() {
+    const { currentAccountName } = this.props;
+
+    this._fetchRoutes(currentAccountName);
+  }
+
   render() {
     const {
       accounts,
@@ -366,3 +367,4 @@ class PowerDownView extends Component {
 }
 
 export default injectIntl(PowerDownView);
+/* eslint-enable */

src/screens/transfer/screen/transferScreen.js

@@ -34,7 +34,7 @@ class TransferView extends Component {
       destination: props.transferType === 'powerUp' ? props.currentAccountName : '',
       amount: '',
       memo: '',
-      isUsernameValid: props.transferType === 'powerUp' && props.currentAccountName ? true : false,
+      isUsernameValid: !!(props.transferType === 'powerUp' && props.currentAccountName),
       steemConnectTransfer: false,
       isTransfering: false,
     };

src/utils/dsteemUtils.js

@@ -1,8 +1,9 @@
 import createIntl from './createIntl';
+
 export const getDsteemDateErrorMessage = error => {
   const intl = createIntl();
   const trxTime = error.jse_info.stack[0].data['trx.expiration'];
-  const now = error.jse_info.stack[0].data.now;
+  const { now } = error.jse_info.stack[0].data;
 
   return `${intl.formatMessage({
     id: 'dsteem.date_error.device_time',

src/utils/filterNsfwPost.js

@@ -1,3 +1,4 @@
+/* eslint-disable array-callback-return */
 export default (posts, option) => {
   const updatedPosts = [];
   if (option === '1') {
@@ -18,3 +19,4 @@ export default (posts, option) => {
     return updatedPosts;
   }
 };
+/* eslint-enable */

src/utils/postParser.js

@@ -5,6 +5,7 @@ import get from 'lodash/get';
 import { postBodySummary, renderPostBody } from '@esteemapp/esteem-render-helpers';
 
 // Dsteem
+// eslint-disable-next-line import/no-cycle
 import { getActiveVotes } from '../providers/steem/dsteem';
 import { getPostReblogs } from '../providers/esteem/esteem';
 

src/utils/postUrlParser.js

@@ -46,6 +46,7 @@ export default url => {
     url = url.replace('esteem://', 'https://esteem.app/');
   }
 
+  // eslint-disable-next-line no-useless-escape
   const feedMatch = url.match(/^https:\/\/([\w-\.]*)\/([\w-]*)\/?([\w-]*)\/?$/);
 
   if (feedMatch) {

src/utils/vote.js

@@ -1,5 +1,5 @@
-import parseToken from './parseToken';
 import get from 'lodash/get';
+import parseToken from './parseToken';
 import { vestsToRshares } from './conversions';
 
 export const getEstimatedAmount = (account, globalProps, value = 100) => {

src/utils/wallet.js

@@ -9,7 +9,7 @@ export const groomingTransactionData = (transaction, steemPerMVests, formatNumbe
     return [];
   }
 
-  let result = { iconType: 'MaterialIcons' };
+  const result = { iconType: 'MaterialIcons' };
 
   [result.textKey] = transaction[1].op;
   const opData = transaction[1].op[1];
@@ -172,7 +172,7 @@ export const groomingPointsTransactionData = transaction => {
   if (!transaction) {
     return null;
   }
-  let result = { ...transaction };
+  const result = { ...transaction };
 
   result.details = get(transaction, 'sender')
     ? `from @${get(transaction, 'sender')}`

yarn.lock

@@ -7670,10 +7670,10 @@ react-native-safe-modules@^1.0.0:
   dependencies:
     debounce "^1.2.0"
 
-react-native-screens@^2.0.0-alpha.15:
+react-native-screens@^2.0.0-alpha.16:
-  version "2.0.0-alpha.15"
+  version "2.0.0-alpha.16"
-  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-2.0.0-alpha.15.tgz#40ee432d5f9b6169494a8fd6997add1a8c4b41b3"
+  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-2.0.0-alpha.16.tgz#4675c0e9b8cbd6b9321bfd3881b5939d61aba72b"
-  integrity sha512-Nn4PRFSKLkP0MTXwqOIhMypJ7GMhcU+AZgFJd0DFQhNyU5sLNlKGEzQS6jRY+4MtHJnDXoMOr/o2l9WrI/O3Mg==
+  integrity sha512-CGa0LT+AksCgttrVfM3cp8VWxUz6xcInj+qCUY1Nvd2HQh4gP3WQtH3SDWvMC3pFy3CbK0CbXZz7UcZsG3pzwQ==
   dependencies:
     debounce "^1.2.0"