refactor: handled confirm action to functions

src/discussions/comments/comment/Comment.jsx

@@ -56,6 +56,16 @@ function Comment({
     }
   };
 
+  const handleDeleteConfirmation = () => {
+    dispatch(removeComment(comment.id));
+    hideDeleteConfirmation();
+  };
+
+  const handleReportConfirmation = () => {
+    dispatch(editComment(comment.id, { flagged: !comment.abuseFlagged }));
+    hideReportConfirmation();
+  };
+
   const actionHandlers = {
     [ContentActions.EDIT_CONTENT]: () => setEditing(true),
     [ContentActions.ENDORSE]: async () => {
@@ -78,10 +88,7 @@ function Comment({
           title={intl.formatMessage(messages.deleteResponseTitle)}
           description={intl.formatMessage(messages.deleteResponseDescription)}
           onClose={hideDeleteConfirmation}
-          comfirmAction={() => {
-            dispatch(removeComment(comment.id));
-            hideDeleteConfirmation();
-          }}
+          comfirmAction={handleDeleteConfirmation}
           closeButtonVaraint="tertiary"
           confirmButtonText={intl.formatMessage(messages.deleteConfirmationDelete)}
         />
@@ -91,10 +98,7 @@ function Comment({
             title={intl.formatMessage(messages.reportResponseTitle)}
             description={intl.formatMessage(messages.reportResponseDescription)}
             onClose={hideReportConfirmation}
-            comfirmAction={() => {
-              dispatch(editComment(comment.id, { flagged: !comment.abuseFlagged }));
-              hideReportConfirmation();
-            }}
+            comfirmAction={handleReportConfirmation}
             confirmButtonVariant="danger"
           />
         )}

src/discussions/comments/comment/Reply.jsx

@@ -39,6 +39,16 @@ function Reply({
     }
   };
 
+  const handleDeleteConfirmation = () => {
+    dispatch(removeComment(reply.id));
+    hideDeleteConfirmation();
+  };
+
+  const handleReportConfirmation = () => {
+    dispatch(editComment(reply.id, { flagged: !reply.abuseFlagged }));
+    hideReportConfirmation();
+  };
+
   const actionHandlers = {
     [ContentActions.EDIT_CONTENT]: () => setEditing(true),
     [ContentActions.ENDORSE]: () => dispatch(editComment(
@@ -60,10 +70,7 @@ function Reply({
         title={intl.formatMessage(messages.deleteCommentTitle)}
         description={intl.formatMessage(messages.deleteCommentDescription)}
         onClose={hideDeleteConfirmation}
-        comfirmAction={() => {
-          dispatch(removeComment(reply.id));
-          hideDeleteConfirmation();
-        }}
+        comfirmAction={handleDeleteConfirmation}
         closeButtonVaraint="tertiary"
         confirmButtonText={intl.formatMessage(messages.deleteConfirmationDelete)}
       />
@@ -73,10 +80,7 @@ function Reply({
           title={intl.formatMessage(messages.reportCommentTitle)}
           description={intl.formatMessage(messages.reportCommentDescription)}
           onClose={hideReportConfirmation}
-          comfirmAction={() => {
-            dispatch(editComment(reply.id, { flagged: !reply.abuseFlagged }));
-            hideReportConfirmation();
-          }}
+          comfirmAction={handleReportConfirmation}
           confirmButtonVariant="danger"
         />
       )}

src/discussions/posts/post/Post.jsx

@@ -45,6 +45,17 @@ function Post({
     }
   };
 
+  const handleDeleteConfirmation = () => {
+    dispatch(removeThread(post.id));
+    history.push('.');
+    hideDeleteConfirmation();
+  };
+
+  const handleReportConfirmation = () => {
+    dispatch(updateExistingThread(post.id, { flagged: !post.abuseFlagged }));
+    hideReportConfirmation();
+  };
+
   const actionHandlers = {
     [ContentActions.EDIT_CONTENT]: () => history.push({
       ...location,
@@ -76,11 +87,7 @@ function Post({
         title={intl.formatMessage(messages.deletePostTitle)}
         description={intl.formatMessage(messages.deletePostDescription)}
         onClose={hideDeleteConfirmation}
-        comfirmAction={() => {
-          dispatch(removeThread(post.id));
-          history.push('.');
-          hideDeleteConfirmation();
-        }}
+        comfirmAction={handleDeleteConfirmation}
         closeButtonVaraint="tertiary"
         confirmButtonText={intl.formatMessage(messages.deleteConfirmationDelete)}
       />
@@ -90,10 +97,7 @@ function Post({
           title={intl.formatMessage(messages.reportPostTitle)}
           description={intl.formatMessage(messages.reportPostDescription)}
           onClose={hideReportConfirmation}
-          comfirmAction={() => {
-            dispatch(updateExistingThread(post.id, { flagged: !post.abuseFlagged }));
-            hideReportConfirmation();
-          }}
+          comfirmAction={handleReportConfirmation}
           confirmButtonVariant="danger"
         />
       )}

src/index.scss

@@ -242,7 +242,7 @@ header {
 }
 
 .zindex-5000 {
- z-index: 5000 ;
+  z-index: 5000;
 }
 
 #paragon-portal-root .pgn__modal-layer {