From cff01500c28ecaebc7efb8ce352ddab1b7acdc40 Mon Sep 17 00:00:00 2001
From: u-e <ugurerdal93@gmail.com>
Date: Mon, 13 May 2019 22:30:15 +0300
Subject: [PATCH] fixed unavailable post from notficiation

---
 .../container/postDisplayContainer.js         |  4 ++-
 .../postView/view/postDisplayView.js          | 35 +++++++++++++++----
 src/config/locales/en-US.json                 |  3 +-
 src/screens/post/container/postContainer.js   | 11 ++++--
 src/screens/post/screen/postScreen.js         |  4 +++
 5 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/src/components/postView/container/postDisplayContainer.js b/src/components/postView/container/postDisplayContainer.js
index 4c00d99d9..aa4dc31f0 100644
--- a/src/components/postView/container/postDisplayContainer.js
+++ b/src/components/postView/container/postDisplayContainer.js
@@ -78,11 +78,13 @@ class PostDisplayContainer extends Component {
 
   render() {
     const {
-      currentAccount, isLoggedIn, isNewPost, parentPost, post,
+      currentAccount, isLoggedIn, isNewPost, parentPost, post, isPostUnavailable, author,
     } = this.props;
 
     return (
       <PostDisplayView
+        author={author}
+        isPostUnavailable={isPostUnavailable}
         currentAccount={currentAccount}
         fetchPost={this._fetchPost}
         handleOnEditPress={this._handleOnEditPress}
diff --git a/src/components/postView/view/postDisplayView.js b/src/components/postView/view/postDisplayView.js
index dcdc61c2b..0599b4624 100644
--- a/src/components/postView/view/postDisplayView.js
+++ b/src/components/postView/view/postDisplayView.js
@@ -12,7 +12,9 @@ import { getTimeFromNow } from '../../../utils/time';
 
 // Components
 import { PostHeaderDescription, PostBody, Tags } from '../../postElements';
-import { PostPlaceHolder, StickyBar, TextWithIcon } from '../../basicUIElements';
+import {
+  PostPlaceHolder, StickyBar, TextWithIcon, NoPost,
+} from '../../basicUIElements';
 import { Upvote } from '../../upvote';
 import { IconButton } from '../../iconButton';
 import { CommentsDisplay } from '../../commentsDisplay';
@@ -122,7 +124,15 @@ class PostDisplayView extends PureComponent {
   };
 
   render() {
-    const { post, fetchPost, parentPost, currentAccount: { name } } = this.props;
+    const {
+      post,
+      fetchPost,
+      parentPost,
+      currentAccount: { name },
+      isPostUnavailable,
+      author,
+      intl,
+    } = this.props;
     const { postHeight, scrollHeight, isLoadedComments } = this.state;
 
     // const isPostEnd = scrollHeight > postHeight;
@@ -131,6 +141,17 @@ class PostDisplayView extends PureComponent {
 
     if (isGetComment && !isLoadedComments) this.setState({ isLoadedComments: true });
 
+    if (isPostUnavailable) {
+      return (
+        <NoPost
+          imageStyle={{ height: 200, width: 300 }}
+          defaultText={`${intl.formatMessage({
+            id: 'post.removed_hint',
+          })} ${author}`}
+        />
+      );
+    }
+
     return (
       <Fragment>
         <ScrollView style={styles.scroll} onScroll={event => this._handleOnScroll(event)}>
@@ -144,7 +165,7 @@ class PostDisplayView extends PureComponent {
                 {!!post.title && <Text style={styles.title}>{post.title}</Text>}
                 <PostHeaderDescription
                   date={formatedTime}
-                  name={post.author}
+                  name={author || post.author}
                   currentAccountUsername={name}
                   reputation={post.author_reputation}
                   tag={post.category}
@@ -156,7 +177,7 @@ class PostDisplayView extends PureComponent {
                   <Text style={styles.footerText}>
                     Posted by
                     {' '}
-                    <Text style={styles.footerName}>{post.author}</Text>
+                    <Text style={styles.footerName}>{author || post.author}</Text>
                     {' '}
                     {formatedTime}
                   </Text>
@@ -167,15 +188,15 @@ class PostDisplayView extends PureComponent {
           </View>
           {post && (isGetComment || isLoadedComments) && (
             <CommentsDisplay
-              author={post.author}
-              mainAuthor={post.author}
+              author={author || post.author}
+              mainAuthor={author || post.author}
               permlink={post.permlink}
               commentCount={post.children}
               fetchPost={fetchPost}
             />
           )}
         </ScrollView>
-        {this._getTabBar(true)}
+        {post && this._getTabBar(true)}
       </Fragment>
     );
   }
diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json
index e7f4a8610..0ff93096e 100644
--- a/src/config/locales/en-US.json
+++ b/src/config/locales/en-US.json
@@ -197,7 +197,8 @@
     "confirm": "Confirm"
   },
   "post": {
-    "reblog_alert": "Are you sure you want to reblog?"
+    "reblog_alert": "Are you sure you want to reblog?",
+    "removed_hint": "The post was removed by"
   },
   "drafts": {
     "title": "Drafts",
diff --git a/src/screens/post/container/postContainer.js b/src/screens/post/container/postContainer.js
index 8c5b22cb4..7c6a0c440 100644
--- a/src/screens/post/container/postContainer.js
+++ b/src/screens/post/container/postContainer.js
@@ -22,6 +22,7 @@ class PostContainer extends Component {
       isNewPost: false,
       isHasParentPost: false,
       parentPost: null,
+      isPostUnavailable: false,
     };
   }
 
@@ -38,7 +39,7 @@ class PostContainer extends Component {
       this.setState({ post: content });
     } else if (author && permlink) {
       this._loadPost(author, permlink);
-
+      this.setState({ author });
       if (isHasParentPost) this.setState({ isHasParentPost });
     }
   }
@@ -65,12 +66,14 @@ class PostContainer extends Component {
 
     await getPost(_author, _permlink, isLoggedIn && currentAccount.username)
       .then((result) => {
-        if (result) {
+        if (result && result.id > 0) {
           if (isParentPost) {
             this.setState({ parentPost: result });
           } else {
             this.setState({ post: result });
           }
+        } else {
+          this.setState({ isPostUnavailable: true });
         }
       })
       .catch((err) => {
@@ -81,7 +84,7 @@ class PostContainer extends Component {
   render() {
     const { currentAccount, isLoggedIn } = this.props;
     const {
-      error, isNewPost, parentPost, post, isHasParentPost,
+      error, isNewPost, parentPost, post, isHasParentPost, isPostUnavailable, author,
     } = this.state;
 
     if (isHasParentPost && post) this._loadPost(post.parent_author, post.parent_permlink, true);
@@ -90,12 +93,14 @@ class PostContainer extends Component {
       <PostScreen
         currentAccount={currentAccount}
         error={error}
+        author={author}
         fetchPost={this._loadPost}
         isFetchComments
         isLoggedIn={isLoggedIn}
         isNewPost={isNewPost}
         parentPost={parentPost}
         post={post}
+        isPostUnavailable={isPostUnavailable}
       />
     );
   }
diff --git a/src/screens/post/screen/postScreen.js b/src/screens/post/screen/postScreen.js
index a97e470da..9062488e6 100644
--- a/src/screens/post/screen/postScreen.js
+++ b/src/screens/post/screen/postScreen.js
@@ -31,6 +31,8 @@ class PostScreen extends PureComponent {
       isNewPost,
       parentPost,
       post,
+      isPostUnavailable,
+      author,
     } = this.props;
 
     return (
@@ -43,7 +45,9 @@ class PostScreen extends PureComponent {
           isNewPost={isNewPost}
         />
         <PostDisplay
+          author={author}
           currentAccount={currentAccount}
+          isPostUnavailable={isPostUnavailable}
           fetchPost={fetchPost}
           isFetchComments={isFetchComments}
           isLoggedIn={isLoggedIn}