Having trouble deleting comments within a single post? I keep encountering a 404 Error and I'm not sure why the post is not being found. I really need some assistance in figuring out what's causing this issue and why I'm unable to delete a comment from a post. Below, I'll provide some backend and frontend code snippets, along with a link to my Github repository. I've been struggling with this for almost 3 days now and would greatly appreciate any help. One thing to note is that I'm fairly new to MERN, so please take a look at my Github code and feel free to suggest any improvements or changes you think might be helpful. Below you'll find some code snippets and a link to my Github Repo for this specific project
https://github.com/tigerabrodi/ELance
Route for Deleting a Comment from a post
// @route DELETE api/posts/comment/:commentId
// @desc Delete comment
// @access Private
router.delete("/comment/:commentId", auth, async (req, res) => {
try {
const comment = await Comment.findById(req.params.commentId);
if (!comment) {
return res.status(404).json({ msg: "Comment do not exist" });
}
// more code here...
});
Post.js
import React, { Fragment, useEffect } from 'react';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import Spinner from '../layout/Spinner';
import PostItem from '../posts/PostItem';
// more code here...
CommentItem.js
import React from 'react';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import Moment from 'react-moment';
import {deleteComment} from '../../redux/comment/comment.actions';
import defaultUserImage from "../../assets/default-user-icon.jpg"
// more code here...
CommentForm.js
import React, { useState } from 'react';
import { connect } from 'react-redux';
import { addComment } from '../../redux/comment/comment.actions';
// more code here...
comment.actions.js
import axios from "axios";
import {setAlert} from "../alert/alert.actions"
import {CommentActionTypes} from "./comment.types"
// more code here...
comment.reducer.js
import {CommentActionTypes} from "./comment.types";
const initialState = {
comments: [],
loading: true,
error: {}
}
// more code here...
comment.types.js
export const CommentActionTypes = {
DELETE_COMMENT: "DELETE_COMMENT",
ADD_COMMENT: "ADD_COMMENT",
COMMENT_ERROR: "COMMENT_ERROR",
GET_SINGLE_POST_COMMENTS: "GET_SINGLE_POST_COMMENTS"
}