bug fix for emoji issue narayan954#737

biplavmz · Jul 28, 2023 · c91c3b0 · c91c3b0
1 parent b67f703
commit c91c3b0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/Post/index.jsx b/src/components/Post/index.jsx
@@ -37,6 +37,7 @@ function Post(prop) {
   const [comment, setComment] = useState("");
   const [likesNo, setLikesNo] = useState(likecount ? likecount.length : 0);
   const [showEmojis, setShowEmojis] = useState(false);
+  const [showCommentEmojis, setShowCommentEmojis] = useState(false);
   const [isCommentOpen, setisCommentOpen] = useState(false);
   const [deleteCommentID, setDeleteCommentID] = useState("");
   const [openToDeleteComment, setOpenToDeleteComment] = useState(false);
@@ -110,6 +111,7 @@ function Post(prop) {
   const onEmojiClick = (emojiObject, event) => {
     setComment((prevInput) => prevInput + emojiObject.emoji);
     setShowEmojis(false);
+    setShowCommentEmojis(false);
   };
 
   /**
@@ -264,6 +266,8 @@ function Post(prop) {
               </DialogTitle>
               <hr />
               <ErrorBoundary>
+                <div style={{marginTop:`${comments.length < 3 ? "40%":"0px"}`}}>
+
                 <CommentDialogBox
                   Item={Item}
                   postHasImages={postHasImages}
@@ -279,11 +283,13 @@ function Post(prop) {
                   deleteComment={deleteComment}
                   deleteCommentID={deleteCommentID}
                 />
+                </div>
+
               </ErrorBoundary>
               <ErrorBoundary>
                 <CommentBox
-                  setShowEmojis={setShowEmojis}
-                  showEmojis={showEmojis}
+                  setShowEmojis={setShowCommentEmojis}
+                  showEmojis={showCommentEmojis}
                   onEmojiClick={onEmojiClick}
                   comment={comment}
                   setComment={setComment}

diff --git a/src/reusableComponents/DialogBox/index.jsx b/src/reusableComponents/DialogBox/index.jsx
@@ -41,7 +41,7 @@ const DialogBox = ({
       )}
 
       <DialogContent
-        sx={{ color: "var(--color)", backgroundColor: "var(--dark-post-bg)" }}
+        sx={{ color: "var(--color)", backgroundColor: "var(--dark-post-bg)",minHeight:"300px" }}
       >
         <div>{children}</div>
       </DialogContent>