Fixed a bug where it would not properly detect removed threads

TODO

@@ -4,4 +4,6 @@ update header links active (NavLinks)
 
 make sort/filter state local
 
-old.removeddit.com
+old.removeddit.com
+
+gzip on server

src/index.js

@@ -8,7 +8,7 @@ import Header from './pages/common/Header'
 import About from './pages/about'
 import Subreddit from './pages/subreddit'
 import Thread from './pages/thread'
-import NotFound from './pages/notFound'
+import NotFound from './pages/404'
 
 ReactDOM.render(
   <Provider>

src/pages/common/Post.js

@@ -25,7 +25,7 @@ export default (props) => {
   }
 
   return (
-    <div className={`thread ${props.removed && 'removed'}`}>
+    <div className={`thread ${props.removed && 'removed'} ${props.deleted && 'deleted'}`}>
       {props.position &&
       <span className='post-rank'>{props.position}</span>}
       <div className='thread-score-box'>

src/pages/thread/Comment.js

@@ -43,6 +43,7 @@ const Comment = (props) => {
           <Comment
             key={comment.id}
             {...comment}
+            depth={props.depth + 1}
           />
         ))}
       </div>

src/pages/thread/CommentSection.js

@@ -110,12 +110,15 @@ const commentSection = (props) => {
   console.timeEnd('render comment section')
 
   return (
-    commentTree.map(comment => (
-      <Comment
-        key={comment.id}
-        {...comment}
-      />
-    ))
+    commentTree.length !== 0
+      ? commentTree.map(comment => (
+        <Comment
+          key={comment.id}
+          {...comment}
+          depth={0}
+        />
+      ))
+      : <p>No comments found</p>
   )
 }
 

src/pages/thread/index.js

@@ -33,10 +33,14 @@ class Thread extends React.Component {
         this.setState({ post })
         document.title = post.title
         // Fetch the thread from pushshift if it was deleted/removed
-        if (isDeleted(post.selftext)) {
+        if (isDeleted(post.selftext) || isRemoved(post.selftext)) {
           getRemovedPost(threadID)
             .then(removedPost => {
-              removedPost.removed = true
+              if (isRemoved(post.selftext)) {
+                removedPost.removed = true
+              } else {
+                removedPost.deleted = true
+              }
               this.setState({ post: removedPost })
             })
         }
@@ -104,7 +108,7 @@ class Thread extends React.Component {
       <React.Fragment>
         <Post {...this.state.post} />
         {
-          !this.state.loadingComments &&
+          (!this.state.loadingComments && root) &&
           <React.Fragment>
             <CommentInfo
               total={this.state.pushshiftComments.length}