From 2d45e9295fa7adec002343d4fb1fb8959334077f Mon Sep 17 00:00:00 2001
From: JubbeArt <jesperwrang96@gmail.com>
Date: Thu, 9 Aug 2018 03:22:45 +0200
Subject: [PATCH] Added 'you are vering a single comment' and link to full
 thread

---
 TODO                        |  2 --
 dist/main.css               |  8 ++++++++
 package.json                |  2 +-
 src/pages/thread/Comment.js |  3 ++-
 src/pages/thread/index.js   |  9 +++++++++
 src/sass/thread.sass        | 12 ++++++++++--
 6 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/TODO b/TODO
index 0cbc1cc..d31aa2d 100644
--- a/TODO
+++ b/TODO
@@ -5,5 +5,3 @@ make sort/filter state local
 old.removeddit.com
 
 take utc from thread and limit pushshift comments
-
-rename show to filter
\ No newline at end of file
diff --git a/dist/main.css b/dist/main.css
index 1334465..6c1702f 100644
--- a/dist/main.css
+++ b/dist/main.css
@@ -277,6 +277,14 @@ header {
     color: #828282;
     margin-right: 4px; }
 
+.view-rest-of-comment {
+  background-color: #264d73;
+  border-color: #2966a3;
+  font-size: 13px;
+  padding: 10px;
+  color: #cccccc;
+  margin-bottom: 10px; }
+
 .post-rank {
   min-width: 20px;
   color: #505050;
diff --git a/package.json b/package.json
index a9e23de..fdc1077 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "removeddit",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "View removed comments from reddit",
   "main": "src/index.js",
   "repository": {
diff --git a/src/pages/thread/Comment.js b/src/pages/thread/Comment.js
index cf30db0..4c36873 100644
--- a/src/pages/thread/Comment.js
+++ b/src/pages/thread/Comment.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { Link } from 'react-router-dom'
 import { prettyScore, prettyDate, parse } from '../../utils'
 
 const Comment = (props) => {
@@ -34,7 +35,7 @@ const Comment = (props) => {
       </div>
       <div className='comment-body' dangerouslySetInnerHTML={{ __html: innerHTML }} />
       <div className='comment-links'>
-        <a href={permalink}>permalink</a>
+        <Link to={permalink}>permalink</Link>
         <a href={`https://www.reddit.com${permalink}`}>reddit</a>
         <a href={`https://snew.github.io${permalink}`}>ceddit</a>
       </div>
diff --git a/src/pages/thread/index.js b/src/pages/thread/index.js
index ddfe286..6b367e8 100644
--- a/src/pages/thread/index.js
+++ b/src/pages/thread/index.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { Link } from 'react-router-dom'
 import {
   getPost,
   getComments as getRedditComments
@@ -99,9 +100,11 @@ class Thread extends React.Component {
 
   render () {
     let root = this.state.post.id
+    let isSingleComment = false
 
     if (this.props.match.params.commentID !== undefined) {
       root = this.props.match.params.commentID
+      isSingleComment = true
     }
 
     return (
@@ -116,6 +119,12 @@ class Thread extends React.Component {
               deleted={this.state.deleted.length}
             />
             <SortBy />
+            {isSingleComment &&
+              <div class='view-rest-of-comment'>
+                <div>you are viewing a single comment's thread.</div>
+                <Link to={this.state.post.permalink}>view the rest of the comments</Link>
+              </div>
+            }
             <CommentSection
               root={root}
               comments={this.state.pushshiftComments}
diff --git a/src/sass/thread.sass b/src/sass/thread.sass
index 9ae8037..d8de638 100644
--- a/src/sass/thread.sass
+++ b/src/sass/thread.sass
@@ -127,9 +127,17 @@
     color: #828282
     font-size: 10px
     margin: 4px 0
-  
 
   .grey-link, .grey-link:link, .grey-link:visited, .grey-link:hover, .grey-link:focus, .grey-link:active  
     color: #828282
     margin-right: 4px
-  
\ No newline at end of file
+
+
+.view-rest-of-comment
+    background-color: #264d73
+    border-color: #2966a3
+    font-size: 13px
+    padding: 10px
+    color: rgb(204, 204, 204)
+    margin-bottom: 10px
+    
\ No newline at end of file