load quick comment value from cache

src/components/quickReplyModal/quickReplyModalContent.tsx

@@ -13,6 +13,7 @@ import { default as ROUTES } from '../../constants/routeNames';
 import get from 'lodash/get';
 import { navigate } from '../../navigation/service';
 import { postBodySummary } from '@ecency/render-helper';
+import { QuickComment } from '../../redux/reducers/cacheReducer';
 
 export interface QuickReplyModalContentProps {
   fetchPost?: any;
@@ -27,26 +28,35 @@ export const QuickReplyModalContent = ({
   selectedPost,
   inputRef,
   sheetModalRef,
-  handleCloseRef
+  handleCloseRef,
 }: QuickReplyModalContentProps) => {
   const intl = useIntl();
   const dispatch = useDispatch();
   const currentAccount = useSelector((state) => state.account.currentAccount);
   const pinCode = useSelector((state) => state.application.pin);
+  const quickComments = useSelector((state) => state.cache.quickComments);
 
   const [commentValue, setCommentValue] = useState('');
   const [isSending, setIsSending] = useState(false);
 
   const headerText =
     selectedPost && (selectedPost.summary || postBodySummary(selectedPost, 150, Platform.OS));
+  const parentAuthor = selectedPost ? selectedPost.author : '';
+  const parentPermlink = selectedPost ? selectedPost.permlink : '';
+  const path = `${parentAuthor}/${parentPermlink}`;
 
   useEffect(() => {
     handleCloseRef.current = handleSheetClose;
-    }, [commentValue])
+  }, [commentValue]);
 
-  // reset the state when post changes
+  // load quick comment value from cache
   useEffect(() => {
+    if (quickComments.has(path)) {
+      const quickComment: QuickComment = quickComments.get(path);
+      setCommentValue(quickComment.body);
+    } else {
       setCommentValue('');
+    }
   }, [selectedPost]);
 
   // handlers
@@ -59,8 +69,6 @@ export const QuickReplyModalContent = ({
     }
     console.log('commentValue : ', commentValue);
 
-    const parentAuthor = selectedPost.author;
-    const parentPermlink = selectedPost.permlink;
     const date = new Date();
     const updatedStamp = date.toISOString().substring(0, 19);
 
@@ -70,16 +78,11 @@ export const QuickReplyModalContent = ({
       created: updatedStamp,
       updated: updatedStamp,
       expiresAt: date.getTime() + 6000000,
-    }
+    };
 
     //add quick comment cache entry
-    dispatch(
-      updateQuickCommentCache(
-        `${parentAuthor}/${parentPermlink}`,
-        quickCommentCache
-      ),
-    );
-  }
+    dispatch(updateQuickCommentCache(`${parentAuthor}/${parentPermlink}`, quickCommentCache));
+  };
 
   // handle close press
   const _handleClosePress = () => {