fixed couple bugs && minimized all image & removed unused image

src/components/comments/container/commentsContainer.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { withNavigation } from 'react-navigation';
+import { connect } from 'react-redux';
 
 import { getComments } from '../../../providers/steem/dsteem';
 
@@ -59,15 +60,20 @@ class CommentsContainer extends Component {
 
   render() {
     const { comments } = this.state;
-
+    const { isLoggedIn } = this.props;
     return (
       <CommentsView
         handleOnReplyPress={this._handleOnReplyPress}
         comments={comments}
+        isLoggedIn={isLoggedIn}
         {...this.props}
       />
     );
   }
 }
 
-export default withNavigation(CommentsContainer);
+const mapStateToProps = state => ({
+  isLoggedIn: state.application.isLoggedIn,
+});
+
+export default withNavigation(connect(mapStateToProps)(CommentsContainer));

src/components/comments/view/commentsView.js

@@ -39,6 +39,7 @@ class CommentsView extends Component {
       commentNumber,
       handleOnReplyPress,
       isProfilePreview,
+      isLoggedIn,
     } = this.props;
     // commentNumber === 8 && alert('sekkiz:');
     return (
@@ -73,6 +74,7 @@ class CommentsView extends Component {
                       name="reply"
                       onPress={() => handleOnReplyPress && handleOnReplyPress(item)}
                       iconType="FontAwesome"
+                      disabled={!isLoggedIn}
                     />
                   </View>
                 </View>

src/components/iconButton/view/iconButtonView.js

@@ -18,12 +18,14 @@ const IconButton = ({
   style,
   iconStyle,
   iconType,
+  disabled,
 }) => (
   <Fragment>
     <TouchableHighlight
       style={[styles.iconButton, style]}
       onPress={() => onPress && onPress()}
       underlayColor={backgroundColor || 'white'}
+      disabled={disabled}
     >
       <Icon
         style={[

src/components/postView/view/postDisplayView.js

@@ -57,6 +57,7 @@ class PostDisplayView extends Component {
       handleOnEditPress,
       handleOnReplyPress,
       handleOnVotersPress,
+      isLoggedIn,
       post,
     } = this.props;
 
@@ -97,6 +98,7 @@ class PostDisplayView extends Component {
               name="reply"
               onPress={() => handleOnReplyPress && handleOnReplyPress()}
               iconType="FontAwesome"
+              disabled={!isLoggedIn}
             />
           </View>
         </View>

src/components/posts/view/postsView.js

@@ -35,6 +35,17 @@ class PostsView extends Component {
     this._loadPosts();
   }
 
+  componentWillReceiveProps(nextProps) {
+    const { currentAccountUsername } = this.props;
+
+    if (
+      currentAccountUsername !== nextProps.currentAccountUsername
+      && nextProps.currentAccountUsername
+    ) {
+      this._loadPosts();
+    }
+  }
+
   _loadPosts = (filter = null) => {
     const { getFor, tag, currentAccountUsername } = this.props;
     let options;

src/components/sideMenu/container/sideMenuContainer.js

@@ -29,12 +29,23 @@ class SideMenuContainer extends Component {
   }
 
   // Component Life Cycle Functions
-
   componentWillMount() {
-    const accounts = [];
+    const { otherAccounts } = this.props;
 
-    getUserData().then((userData) => {
+    this._createUserList(otherAccounts);
-      userData.forEach((element) => {
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const { otherAccounts, isLoggedIn } = this.props;
+
+    if (isLoggedIn && otherAccounts !== nextProps.otherAccounts) {
+      this._createUserList(nextProps.otherAccounts);
+    }
+  }
+
+  _createUserList = (otherAccounts) => {
+    const accounts = [];
+    otherAccounts.forEach((element) => {
       accounts.push({
         name: `@${element.username}`,
         username: element.username,
@@ -47,8 +58,7 @@ class SideMenuContainer extends Component {
       id: 'add_account',
     });
     this.setState({ accounts });
-    });
+  };
-  }
 
   // Component Functions
 
@@ -61,11 +71,10 @@ class SideMenuContainer extends Component {
 
   _switchAccount = (anchor = null) => {
     const { dispatch, currentAccount, navigation } = this.props;
-    const username = anchor.slice(1);
 
-    if (username !== currentAccount.name) {
+    if (anchor !== currentAccount.name) {
-      switchAccount(username).then((accountData) => {
+      switchAccount(anchor).then((accountData) => {
-        const realmData = getUserDataWithUsername(username);
+        const realmData = getUserDataWithUsername(anchor);
         const _currentAccount = accountData;
 
         _currentAccount.username = _currentAccount.name;
@@ -103,7 +112,8 @@ class SideMenuContainer extends Component {
 
 const mapStateToProps = state => ({
   isLoggedIn: state.application.isLoggedIn,
-  currentAccount: state.account.currentAccount || {},
+  currentAccount: state.account.currentAccount,
+  otherAccounts: state.account.otherAccounts,
 });
 
 export default connect(mapStateToProps)(SideMenuContainer);

src/components/sideMenu/view/sideMenuView.js

@@ -75,7 +75,7 @@ class SideMenuView extends Component {
     if (item.route) {
       navigateToRoute(item.route);
     } else {
-      switchAccount(item.name);
+      switchAccount(item.username);
     }
   };
 

src/components/userAvatar/view/userAvatarView.js

@@ -10,7 +10,7 @@ const DEFAULT_IMAGE = require('../../../assets/avatar_default.png');
  */
 
 const UserAvatarView = ({ username, size, style }) => {
-  const imageSize = size === 'xl' ? 'large' : 'medium';
+  const imageSize = size === 'xl' ? 'large' : 'small';
   const _avatar = username
     ? { uri: `https://steemitimages.com/u/${username}/avatar/${imageSize}` }
     : DEFAULT_IMAGE;

src/redux/reducers/accountReducer.js

@@ -19,7 +19,6 @@ const initialState = {
 };
 
 export default function (state = initialState, action) {
-  console.log(action);
   switch (action.type) {
     case FETCHING_ACCOUNT:
       return {

src/screens/application/container/applicationContainer.js

@@ -98,7 +98,6 @@ class ApplicationContainer extends Component {
       authStatus = res;
       currentUsername = res.currentUsername;
       console.log(res);
-      if (authStatus.isLoggedIn) {
       getUserData().then((userData) => {
         if (userData.length > 0) {
           realmData = userData;
@@ -110,7 +109,6 @@ class ApplicationContainer extends Component {
           });
         }
       });
-      }
     });
 
     if (realmData) {

src/screens/post/container/postContainer.js

@@ -47,10 +47,17 @@ class PostContainer extends Component {
   };
 
   render() {
-    const { currentAccount } = this.props;
+    const { currentAccount, isLoggedIn } = this.props;
     const { post, error } = this.state;
 
-    return <PostScreen currentAccount={currentAccount} post={post} error={error} />;
+    return (
+      <PostScreen
+        currentAccount={currentAccount}
+        error={error}
+        isLoggedIn={isLoggedIn}
+        post={post}
+      />
+    );
   }
 }
 

src/screens/post/screen/postScreen.js

@@ -23,7 +23,7 @@ class PostScreen extends Component {
   // Component Functions
 
   render() {
-    const { post, currentAccount } = this.props;
+    const { post, currentAccount, isLoggedIn } = this.props;
 
     return (
       <Fragment>
@@ -33,7 +33,7 @@ class PostScreen extends Component {
           content={post}
           dropdownComponent={<PostDropdown content={post} />}
         />
-        <PostDisplay post={post} currentAccount={currentAccount} />
+        <PostDisplay post={post} currentAccount={currentAccount} isLoggedIn={isLoggedIn} />
       </Fragment>
     );
   }

src/screens/profile/container/profileContainer.js

@@ -14,11 +14,7 @@ import {
   getUser,
   getIsFollowing,
   getIsMuted,
-  getFollowers,
-  getFollowing,
 } from '../../../providers/steem/dsteem';
-import { decryptKey } from '../../../utils/crypto';
-import { getDigitPinCode } from '../../../providers/steem/auth';
 
 // Constants
 import { default as ROUTES } from '../../../constants/routeNames';