authorScreen created container enhanced and move style to folder added esstylesheet

src/screens/authorProfile/container/authorContainer.js

@@ -0,0 +1,27 @@
+import React, { Component } from "react";
+// Constants
+
+// Components
+import { AuthorScreen } from "../";
+/*
+*            Props Name        Description                                     Value
+*@props -->  props name here   description here                                Value Type Here
+*
+*/
+
+class AuthorContainer extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+
+    // Component Life Cycles
+
+    // Component Functions
+
+    render() {
+        return <AuthorScreen {...this.props} />;
+    }
+}
+
+export default AuthorContainer;

src/screens/authorProfile/index.js

@@ -0,0 +1,5 @@
+import AuthorScreen from "./screen/authorScreen";
+import Author from "./container/authorContainer";
+
+export { AuthorScreen, Author };
+export default Author;

src/screens/authorProfile/screen/authorScreen.js

@@ -1,38 +1,35 @@
-import React from "react";
-import {
-    StatusBar,
-    Dimensions,
-    FlatList,
-    ActivityIndicator,
-    BackHandler,
-} from "react-native";
+import React, { Component } from "react";
+import { FlatList, ActivityIndicator, BackHandler } from "react-native";
+
+// External Components
 import {
     Container,
     Card,
     CardItem,
-    Header,
-    Left,
     Body,
-    Right,
     Button,
     Icon,
-    Title,
-    Content,
     Text,
     View,
 } from "native-base";
 import ScrollableTabView from "@esteemapp/react-native-scrollable-tab-view";
-import CustomTabBar from "../home/customTab";
-import PostCard from "../../components/post-card/postCard";
-import Comment from "../../components/comment/comment";
-import moment from "moment";
-import FastImage from "react-native-fast-image";
-//import Icon from "react-native-vector-icons/FontAwesome";
 import { Navigation } from "react-native-navigation";
+import FastImage from "react-native-fast-image";
 
-import Theme, { createThemedComponent } from "react-native-theming";
-import styles from "../../styles/author.styles";
-import themes from "../../styles/themes";
+// Internal Components
+import CustomTabBar from "../../home/customTab";
+import PostCard from "../../../components/post-card/postCard";
+import Comment from "../../../components/comment/comment";
+
+// TODO: Make utils for all using moment.
+import moment from "moment";
+
+//import Icon from "react-native-vector-icons/FontAwesome";
+
+// Styles
+import styles from "./authorStyles";
+
+//import themes from "../../styles/themes";
 import {
     followUser,
     unfollowUser,
@@ -40,15 +37,12 @@ import {
     getPosts,
     getUserComments,
     getUser,
-    getFollowers,
     isFolllowing,
-} from "../../providers/steem/dsteem";
-import { getAuthStatus, getUserData } from "../../realm/realm";
-import { decryptKey } from "../../utils/crypto";
+} from "../../../providers/steem/dsteem";
+import { getAuthStatus, getUserData } from "../../../realm/realm";
+import { decryptKey } from "../../../utils/crypto";
 
-const Bar = createThemedComponent(StatusBar, ["barStyle", "backgroundColor"]);
-
-class AuthorPage extends React.Component {
+class AuthorScreen extends Component {
     static get options() {
         return {
             _statusBar: {
@@ -61,7 +55,7 @@ class AuthorPage extends React.Component {
                 drawBehind: false,
                 leftButtons: {
                     id: "back",
-                    icon: require("../../assets/back.png"),
+                    icon: require("../../../assets/back.png"),
                 },
             },
             layout: {
@@ -106,8 +100,8 @@ class AuthorPage extends React.Component {
             return true;
         });
         /*for (var i = 0; i < themes.length; i++) {
-            themes[i].name == 'Light'?themes[0].apply():'';
-        }*/
+        themes[i].name == 'Light'?themes[0].apply():'';
+    }*/
         let info;
         let json_metadata;
         let isLoggedIn;
@@ -546,4 +540,4 @@ class AuthorPage extends React.Component {
     }
 }
 
-export default AuthorPage;
+export default AuthorScreen;

src/screens/authorProfile/screen/authorStyles.js

@@ -1,7 +1,7 @@
-import { createStyle } from "react-native-theming";
-import { StatusBar, Dimensions } from "react-native";
+import EStyleSheet from "react-native-extended-stylesheet";
+import { StatusBar } from "react-native";
 
-const styles = createStyle({
+export default EStyleSheet.create({
     container: {
         flex: 1,
         top: StatusBar.currentHeight,
@@ -10,7 +10,7 @@ const styles = createStyle({
         backgroundColor: "#f9f9f9",
     },
     cover: {
-        width: Dimensions.get("window").width,
+        width: "$deviceWidth",
         height: 160,
     },
     avatar: {
@@ -45,8 +45,6 @@ const styles = createStyle({
         flex: 1,
         paddingHorizontal: 7,
         backgroundColor: "#f9f9f9",
-        minWidth: Dimensions.get("window").width / 1,
+        minWidth: "$deviceWidth",
     },
 });
-
-export default styles;

src/screens/registerScreens.js

@@ -11,7 +11,7 @@ import Hot from "./home/hot";
 import Feed from "./home/feed";
 import { SinglePost } from "./singlePost";
 import { Profile } from "./profile";
-import Author from "./author-profile/author";
+import { Author } from "./authorProfile";
 import Login from "./login/login";
 import Wallet from "./wallet/wallet";
 import Editor from "./editor/editor";

src/screens/wallet/wallet.js

@@ -1,20 +1,7 @@
-import React from "react";
-import { StatusBar, Text, Picker, View } from "react-native";
+import React, { Component } from "react";
+import { Text, Picker, View } from "react-native";
 import Slider from "react-native-slider";
-import {
-    Container,
-    Header,
-    Left,
-    Body,
-    Right,
-    Button,
-    Icon,
-    Title,
-    Content,
-    Card,
-    Input,
-    Form,
-} from "native-base";
+import { Container, Button, Content, Card, Input } from "native-base";
 import { getUserData, getAuthStatus } from "../../realm/realm";
 import {
     getUser,
@@ -26,7 +13,7 @@ import {
 } from "../../providers/steem/dsteem";
 import { decryptKey } from "../../utils/crypto";
 
-class WalletPage extends React.Component {
+class WalletPage extends Component {
     constructor(props) {
         super(props);