add `edited` indicator to comments

6 files changed, 16 insertions, 5 deletions

diff --git a/flake.nix b/flake.nix
index b8e13b0..c4d5d23 100644
--- a/flake.nix
+++ b/flake.nix
@@ -41,7 +41,7 @@
             cp -R ./node_modules/* $out/node_modules
             ls -la $out/node_modules
           '';
-          outputHash = "sha256-+4jTWcQFKd5ZxoViWabHgANIV/fi6oevqK9MiyWeF5c=";
+          outputHash = "sha256-iv1DddCTB1yyu21Ev/c4xtLHSvDas9jQAO2Ob9Iah2Q=";
           outputHashAlgo = "sha256";
           outputHashMode = "recursive";
         };
diff --git a/src/mixins/comment.pug b/src/mixins/comment.pug
index f46f293..3eca723 100644
--- a/src/mixins/comment.pug
+++ b/src/mixins/comment.pug
@@ -19,6 +19,9 @@ mixin infoContainer(data, next_id, prev_id)
         |  · 
       | #{timeDifference(Date.now(), data.created * 1000)}
       |  · 
+      if data.edited !== false
+        | edited #{timeDifference(Date.now(), data.edited * 1000)} ago
+        |  · 
       a(href=`https://reddit.com${data.permalink}` title="view on reddit").nav-link open ↗
 
 -
diff --git a/src/mixins/post.pug b/src/mixins/post.pug
index b182e0d..74a2b78 100644
--- a/src/mixins/post.pug
+++ b/src/mixins/post.pug
@@ -3,7 +3,7 @@ include postUtils
 mixin post(p, currentUrl)
   - var from = encodeURIComponent(currentUrl)
   article.post
-    div(id=`${p.id}`).post-container
+    div.post-container
       div.post-text
         div.title-container
           a(href=`/comments/${p.id}?from=${from}`)
diff --git a/src/public/styles.css b/src/public/styles.css
index 754eb54..3db6790 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -25,7 +25,7 @@
     --link-color: #79ffe1;
     --link-visited-color: #999;
     --accent: var(--link-color);
-  --error-text-color: lightcoral;
+    --error-text-color: lightcoral;
   }
 }
 
@@ -307,6 +307,13 @@ form {
   align-items: center;
 }
 
+.post-container:target {
+  outline: 4px solid var(--bg-color-muted);
+  background: var(--bg-color-muted);
+  border-radius: 2px;
+  padding: 5px;
+}
+
 .post-text {
   display: flex;
   flex-direction: column;      
@@ -464,7 +471,7 @@ a {
 
 button {
   border: 0px solid;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: var(--bg-color-muted);
   color: var(--text-color);
   padding: 5px;
diff --git a/src/routes/index.js b/src/routes/index.js
index 3e2f04d..34a5e52 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -159,6 +159,7 @@ router.get("/post-search", authenticateToken, async (req, res) => {
                         message,
                         user: req.user,
                         original_query: req.query.q,
+                        currentUrl: req.url,
                 });
         }
 });
diff --git a/src/views/post-search.pug b/src/views/post-search.pug
index 54c1cca..b80f9f6 100644
--- a/src/views/post-search.pug
+++ b/src/views/post-search.pug
@@ -20,4 +20,4 @@ html
             i #{message}
       if items
         each item in items
-          +post(item.data)
+          +post(item.data, currentUrl)