From 8d0ffd1f742f95a97cc8593578b43fe48236c8f5 Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Fri, 26 May 2023 10:10:51 +0200
Subject: [PATCH] add dynamic challenge modal title

---
 src/components/modals/CaptchaModal.jsx    | 35 ++++++++++++++++++-----
 src/components/modals/ModerationModal.jsx |  2 ++
 src/components/views/Board.jsx            |  6 ++++
 src/components/views/Catalog.jsx          |  6 ++++
 src/components/views/Thread.jsx           | 10 +++++--
 src/hooks/stores/useGeneralStore.js       |  9 ++++++
 6 files changed, 59 insertions(+), 9 deletions(-)

diff --git a/src/components/modals/CaptchaModal.jsx b/src/components/modals/CaptchaModal.jsx
index 4efc02a4..e7f03027 100644
--- a/src/components/modals/CaptchaModal.jsx
+++ b/src/components/modals/CaptchaModal.jsx
@@ -11,7 +11,11 @@ const CaptchaModal = () => {
     pendingComment,
     selectedStyle,
     setCaptchaResponse,
+    isAuthorDelete, setIsAuthorDelete,
+    isAuthorEdit, setIsAuthorEdit,
     isCaptchaOpen, setIsCaptchaOpen,
+    isModEdit, setIsModEdit,
+    resolveCaptchaPromise,
     selectedShortCid,
    } = useGeneralStore(state => state);
 
@@ -22,8 +26,18 @@ const CaptchaModal = () => {
   const responseRef = useRef();
   const nodeRef = useRef(null);
 
+  
+  useEffect(() => {
+    if (!isCaptchaOpen) {
+      setIsAuthorDelete(false);
+      setIsAuthorEdit(false);
+      setIsModEdit(false);
+    }
+  }, [isCaptchaOpen, setIsAuthorDelete, setIsAuthorEdit, setIsModEdit]);
 
-    useEffect(() => {
+
+
+  useEffect(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 480);
     window.addEventListener('resize', handleResize);
 
@@ -50,6 +64,7 @@ const CaptchaModal = () => {
     }
   }, [challengesArray]);
 
+
   const handleKeyDown = (event) => {
     if (event.key === "Enter") {
       event.preventDefault();
@@ -57,10 +72,11 @@ const CaptchaModal = () => {
     }
   };
 
+
   const handleReturnKeyDown = () => {
-    submitCaptcha((response) => {
-      useGeneralStore.getState().setCaptchaResponse(response);
-      useGeneralStore.getState().resolveCaptchaPromise(response);
+      submitCaptcha((response) => {
+      setCaptchaResponse(response);
+      resolveCaptchaPromise(response);
     });
   };
 
@@ -72,13 +88,15 @@ const CaptchaModal = () => {
     if (callback) {
       callback(responseRef.current.value);
     }
-};
+  };
 
 
   return (
     <StyledModal
     isOpen={isCaptchaOpen}
-    onRequestClose={() => setIsCaptchaOpen(false)}
+    onRequestClose={() => {
+      submitCaptcha();
+      setIsCaptchaOpen(false);}}
     contentLabel="Captcha Modal"
     shouldCloseOnEsc={false}
     shouldCloseOnOverlayClick={false}
@@ -87,7 +105,10 @@ const CaptchaModal = () => {
       <Draggable handle=".modal-header" nodeRef={nodeRef} disabled={isMobile}>
         <div className="modal-content" ref={nodeRef}>
           <div className="modal-header">
-            {pendingComment.parentCid ? 
+            {isModEdit ? "Challenge for Moderator Action" :
+            isAuthorEdit ? "Challenge for Editing Post" : 
+            isAuthorDelete ? "Challenge for Deleting Post" :
+            pendingComment.parentCid ? 
             ("Challenges for Reply to c/" + selectedShortCid) : 
             "Challenges for New Thread"}
             <button className="icon" onClick={() => setIsCaptchaOpen(false)} title="close" />
diff --git a/src/components/modals/ModerationModal.jsx b/src/components/modals/ModerationModal.jsx
index d6db0d99..24cdac0b 100644
--- a/src/components/modals/ModerationModal.jsx
+++ b/src/components/modals/ModerationModal.jsx
@@ -15,6 +15,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
     setCaptchaResponse,
     setChallengesArray,
     setIsCaptchaOpen,
+    setIsModEdit,
     moderatingCommentCid,
     setResolveCaptchaPromise,
   } = useGeneralStore(state => state);
@@ -221,6 +222,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
               reason: reason
             }));
             setTriggerPublishCommentEdit(true);
+            setIsModEdit(true);
             handleCloseModal();
           }}
         >
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 4d38c8b3..2aafa32b 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -41,6 +41,8 @@ const Board = () => {
     setChallengesArray,
     defaultSubplebbits,
     editedComment,
+    setIsAuthorDelete,
+    setIsAuthorEdit,
     setIsCaptchaOpen,
     isModerationOpen, setIsModerationOpen,
     isSettingsOpen, setIsSettingsOpen,
@@ -419,6 +421,8 @@ const Board = () => {
                 <button onClick={onClose}>No</button>
                 <button
                   onClick={() => {
+                    setIsAuthorDelete(true);
+                    setIsAuthorEdit(false);
                     setCommentCid(commentCid);
                     setPublishCommentEditOptions(prevOptions => ({
                       ...prevOptions,
@@ -440,6 +444,8 @@ const Board = () => {
 
   const handleAuthorEditClick = (comment) => {
     handleOptionClick(comment.cid);
+    setIsAuthorEdit(true);
+    setIsAuthorDelete(false);
     setCommentCid(comment.cid);
     setOriginalCommentContent(comment.content);
     setIsEditModalOpen(true);
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index 23e45ac8..2f5cd592 100644
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -33,6 +33,8 @@ const Catalog = () => {
     setChallengesArray,
     defaultSubplebbits,
     editedComment,
+    setIsAuthorDelete,
+    setIsAuthorEdit,
     setIsCaptchaOpen,
     isModerationOpen, setIsModerationOpen,
     isSettingsOpen, setIsSettingsOpen,
@@ -354,6 +356,8 @@ const Catalog = () => {
                 <button onClick={onClose}>No</button>
                 <button
                   onClick={() => {
+                    setIsAuthorDelete(true);
+                    setIsAuthorEdit(false);
                     setCommentCid(commentCid);
                     setPublishCommentEditOptions(prevOptions => ({
                       ...prevOptions,
@@ -376,6 +380,8 @@ const Catalog = () => {
 
   const handleAuthorEditClick = (comment) => {
     handleOptionClick(comment.cid);
+    setIsAuthorEdit(true);
+    setIsAuthorDelete(false);
     setCommentCid(comment.cid);
     setOriginalCommentContent(comment.content);
     setIsEditModalOpen(true);
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 55479fce..44594fcd 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -40,6 +40,8 @@ const Thread = () => {
     setChallengesArray,
     defaultSubplebbits,
     editedComment,
+    setIsAuthorDelete,
+    setIsAuthorEdit,
     setIsCaptchaOpen,
     isModerationOpen, setIsModerationOpen,
     isSettingsOpen, setIsSettingsOpen,
@@ -391,6 +393,8 @@ const Thread = () => {
                 <button onClick={onClose}>No</button>
                 <button
                   onClick={() => {
+                    setIsAuthorDelete(true);
+                    setIsAuthorEdit(false);
                     setCommentCid(commentCid);
                     setPublishCommentEditOptions(prevOptions => ({
                       ...prevOptions,
@@ -412,6 +416,8 @@ const Thread = () => {
 
   const handleAuthorEditClick = (comment) => {
     handleOptionClick(comment.cid);
+    setIsAuthorEdit(true);
+    setIsAuthorDelete(false);
     setCommentCid(comment.cid);
     setOriginalCommentContent(comment.content);
     setIsEditModalOpen(true);
@@ -837,7 +843,7 @@ const Thread = () => {
                           >
                             <ul className="post-menu-catalog">
                               <li onClick={() => handleOptionClick(comment.cid)}>Hide thread</li>
-                              {comment.author.shortAddress === account?.author.shortAddress ? (
+                              {comment.author?.shortAddress === account?.author.shortAddress ? (
                                 <>
                                   <li onClick={() => handleAuthorEditClick(comment)}>Edit post</li>
                                   <li onClick={() => handleAuthorDeleteClick(comment.cid)}>Delete post</li>
@@ -845,7 +851,7 @@ const Thread = () => {
                               ) : null}
                               {isModerator ? (
                                 <>
-                                  {comment.author.shortAddress === account?.author.shortAddress ? (
+                                  {comment.author?.shortAddress === account?.author.shortAddress ? (
                                     null
                                   ) : (
                                     <li onClick={() => {
diff --git a/src/hooks/stores/useGeneralStore.js b/src/hooks/stores/useGeneralStore.js
index 2940bc78..100f092d 100644
--- a/src/hooks/stores/useGeneralStore.js
+++ b/src/hooks/stores/useGeneralStore.js
@@ -23,12 +23,21 @@ const useGeneralStore = create((set) => ({
   editedComment: '',
   setEditedComment: (comment) => set({ editedComment: comment }),
 
+  isAuthorDelete: false,
+  setIsAuthorDelete: (isAuthorDelete) => set({ isAuthorDelete }),
+
+  isAuthorEdit: false,
+  setIsAuthorEdit: (isAuthorEdit) => set({ isAuthorEdit }),
+
   isCaptchaOpen: false,
   setIsCaptchaOpen: (isOpen) => set({ isCaptchaOpen: isOpen }),
 
   isModerationOpen: false,
   setIsModerationOpen: (isOpen) => set({ isModerationOpen: isOpen }),
 
+  isModEdit: false,
+  setIsModEdit: (isModEdit) => set({ isModEdit }),
+
   isSettingsOpen: false,
   setIsSettingsOpen: (isOpen) => set({ isSettingsOpen: isOpen }),