Addition of Post Content Popup

Author: AuraOfDivinity

package-lock.json

@@ -37,6 +37,7 @@
     "react-toastify": "^6.0.5",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
+    "showdown": "^1.9.1",
     "socket.io-client": "^2.3.0"
   },
   "proxy": "http://localhost:5000",

package.json

@@ -1,67 +1,73 @@
-import { GET_COMMENTS_OF_A_POST } from './types'
-import { errorHandler } from '../utils/errorHandler'
-import axios from 'axios'
-import { setRequestStatus } from '../utils/setRequestStatus'
+import { GET_COMMENTS_OF_A_POST, RESET_COMMENTS } from "./types";
+import { errorHandler } from "../utils/errorHandler";
+import axios from "axios";
+import { setRequestStatus } from "../utils/setRequestStatus";
 
-// CREATE COMMENT ON A PARTICULAR POST 
+// CREATE COMMENT ON A PARTICULAR POST
 export const createComment = (postId, comment) => async (dispatch) => {
   try {
-    const res = await axios.post(`/comment/${postId}`, comment)
+    const res = await axios.post(`/comment/${postId}`, comment);
     dispatch(setRequestStatus(false));
-    if(res.status === 201) {
-      dispatch(setRequestStatus(true))
-      console.log('created comment ', res.data.comment)
+    if (res.status === 201) {
+      dispatch(setRequestStatus(true));
+      console.log("created comment ", res.data.comment);
       dispatch(getAllCommentsOfPost());
     }
-  } catch(error) {
-    dispatch(errorHandler(error))
+  } catch (error) {
+    dispatch(errorHandler(error));
   }
-}
+};
 
 // GET ALL COMMENTS OF A POST
 export const getAllCommentsOfPost = (postId) => async (dispatch) => {
   try {
-    const res = await axios.get(`/comment/${postId}`)
-    dispatch(setRequestStatus(false))
-    if(res.status === 200) {
+    const res = await axios.get(`/comment/${postId}`);
+    dispatch(setRequestStatus(false));
+    if (res.status === 200) {
       dispatch(setRequestStatus(true));
-      console.log('fetching comments of ', postId, res.data.comments);
+      console.log("fetching comments of ", postId, res.data.comments);
       dispatch({
         type: GET_COMMENTS_OF_A_POST,
-        payload: res.data.comments
-      })
+        payload: res.data.comments,
+      });
     }
-  } catch(error) {
-    dispatch(errorHandler(error))
+  } catch (error) {
+    dispatch(errorHandler(error));
   }
-}
+};
 
 // UPDATE COMMENT OF A POST
-export const updateComment = (commentId, updatedComment) => async (dispatch) => {
+export const updateComment = (commentId, updatedComment) => async (
+  dispatch
+) => {
   try {
-    const res = await axios.patch(`/comment/${commentId}`, updatedComment)
-    dispatch(setRequestStatus(false))
-    if(res.status === 200) {
-      dispatch(setRequestStatus(true))
-      console.log('comment updated ', res.data.comment)
-      dispatch(getAllCommentsOfPost())
+    const res = await axios.patch(`/comment/${commentId}`, updatedComment);
+    dispatch(setRequestStatus(false));
+    if (res.status === 200) {
+      dispatch(setRequestStatus(true));
+      console.log("comment updated ", res.data.comment);
+      dispatch(getAllCommentsOfPost());
     }
-  } catch(error) {
-    errorHandler(error)
+  } catch (error) {
+    errorHandler(error);
   }
-}
+};
 
 // DELETE COMMENT
 export const deleteComment = (commentId) => async (dispatch) => {
   try {
-    const res = await axios.delete(`/comment/${commentId}`)
-    dispatch(setRequestStatus(false))
-    if(res.status === 200) {
+    const res = await axios.delete(`/comment/${commentId}`);
+    dispatch(setRequestStatus(false));
+    if (res.status === 200) {
       dispatch(setRequestStatus(true));
-      console.log('comment deleted ', res.data)
-      dispatch(getAllCommentsOfPost())
+      console.log("comment deleted ", res.data);
+      dispatch(getAllCommentsOfPost());
     }
-  } catch(error) {
-    dispatch(errorHandler(error))
+  } catch (error) {
+    dispatch(errorHandler(error));
   }
-}
+};
+
+export const resetComments = () => async (dispatch) => {
+  dispatch({ type: RESET_COMMENTS });
+};

src/actions/commentAction.js

@@ -38,8 +38,10 @@ export const GET_ALL_PINNED_POSTS = "GET_ALL_PINNED_POSTS";
 export const GET_EVENT_BY_ID = "GET_EVENT_BY_ID";
 export const GET_ADMIN = "GET_ADMIN";
 export const GET_COMMENTS_OF_A_POST = "GET_COMMENTS_OF_A_POST";
+export const RESET_COMMENTS = "RESET_COMMENTS";
 export const GET_SINGLE_PROJECT = "GET_SINGLE_PROJECT";
-export const PASSWORD_CHANGE_REQUEST_SUCCESS = "PASSWORD_CHANGE_REQUEST_SUCCESS";
+export const PASSWORD_CHANGE_REQUEST_SUCCESS =
+  "PASSWORD_CHANGE_REQUEST_SUCCESS";
 export const PASSWORD_SUCCESSFULLY_CHANGED = "PASSWORD_SUCCESSFULLY_CHANGED";
 export const GET_INVITE_LINK = "GET_INVITE_LINK";
 export const PROCESS_INVITE_LINK = "PROCESS_INVITE_LINK";

src/actions/types.js

@@ -1,19 +1,24 @@
-import { GET_COMMENTS_OF_A_POST } from '../actions/types'
+import { GET_COMMENTS_OF_A_POST, RESET_COMMENTS } from "../actions/types";
 
 const initialState = {
-  allComments: []
-}
+  allComments: [],
+};
 
 export default (state = initialState, action) => {
-  switch(action.type) {
+  switch (action.type) {
     case GET_COMMENTS_OF_A_POST: {
       return {
         ...state,
-        allComments: action.payload
-      }
+        allComments: action.payload,
+      };
+    }
+    case RESET_COMMENTS: {
+      return {
+        allComments: [],
+      };
     }
     default: {
-      return state
+      return state;
     }
   }
-}
+};