From 39ee87662e46eee069e4808fd41b6f80b50dd74e Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Wed, 27 Oct 2021 13:35:26 -0500
Subject: [PATCH] save collapsed comments

---
 components/comment.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/components/comment.js b/components/comment.js
index 3d5104af..9285a1b5 100644
--- a/components/comment.js
+++ b/components/comment.js
@@ -58,6 +58,7 @@ export default function Comment ({
       ref.current.scrollIntoView()
       ref.current.classList.add('flash-it')
     }
+    setCollapse(localStorage.getItem(`commentCollapse:${item.id}`))
   }, [item])
 
   const op = item.root.user.name === item.user.name
@@ -111,8 +112,18 @@ export default function Comment ({
                 </>}
             </div>
             {!includeParent && (collapse
-              ? <Eye className={styles.collapser} height={10} width={10} onClick={() => setCollapse(false)} />
-              : <EyeClose className={styles.collapser} height={10} width={10} onClick={() => setCollapse(true)} />)}
+              ? <Eye
+                  className={styles.collapser} height={10} width={10} onClick={() => {
+                    setCollapse(false)
+                    localStorage.removeItem(`commentCollapse:${item.id}`)
+                  }}
+                />
+              : <EyeClose
+                  className={styles.collapser} height={10} width={10} onClick={() => {
+                    setCollapse(true)
+                    localStorage.setItem(`commentCollapse:${item.id}`, 'yep')
+                  }}
+                />)}
           </div>
           {edit
             ? (