From b6a530f5c4eaf0487131e9a334e76c851636bcf6 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Fri, 7 Jan 2022 12:55:40 -0600
Subject: [PATCH] comment draft saving

---
 components/comments.js | 2 +-
 components/form.js     | 1 -
 components/reply.js    | 3 ++-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/comments.js b/components/comments.js
index 31c55415..511b2641 100644
--- a/components/comments.js
+++ b/components/comments.js
@@ -17,7 +17,7 @@ export function CommentsHeader ({ handleSort }) {
   }
 
   return (
-    <Navbar className='py-0'>
+    <Navbar className='py-1'>
       <Nav
         className={styles.navbarNav}
         activeKey={sort}
diff --git a/components/form.js b/components/form.js
index a8992d4a..52668de3 100644
--- a/components/form.js
+++ b/components/form.js
@@ -237,7 +237,6 @@ export function Form ({
       onSubmit={async (...args) =>
         onSubmit && onSubmit(...args).then(() => {
           if (!storageKeyPrefix) return
-          console.log(...args)
           Object.keys(...args).forEach(v =>
             localStorage.removeItem(storageKeyPrefix + '-' + v))
         }).catch(e => setError(e.message || e))}
diff --git a/components/reply.js b/components/reply.js
index af427dad..6313350e 100644
--- a/components/reply.js
+++ b/components/reply.js
@@ -13,7 +13,7 @@ export const CommentSchema = Yup.object({
 })
 
 export default function Reply ({ parentId, onSuccess, replyOpen }) {
-  const [reply, setReply] = useState(replyOpen)
+  const [reply, setReply] = useState(replyOpen || !!localStorage.getItem('reply-' + parentId + '-' + 'text'))
   const me = useMe()
 
   const [createComment] = useMutation(
@@ -73,6 +73,7 @@ export default function Reply ({ parentId, onSuccess, replyOpen }) {
             resetForm({ text: '' })
             setReply(replyOpen || false)
           }}
+          storageKeyPrefix={'reply-' + parentId}
         >
           <MarkdownInput
             name='text'