import Link from 'next/link'; import { forwardRef, useContext } from 'react'; import date from 'date-and-time'; import { UserContext } from '../../../contexts/UserContext'; import { API_URL } from '../../../utils/config/config'; import api from '../../../utils/api'; import './CommentCard.css'; const CommentCard = forwardRef((props, ref) => { const { isAuth, user } = useContext(UserContext); const deleteCommentById = async () => { props.manageComment.setLoadingComments(true); if (isAuth && user.token != undefined) { try { await api.delete(`/comments?commentId=${props.id}`, { headers: { 'Authorization': user.token } }); const newCommentsData = { ...props.manageComment.commentsData }; const commentIndex = newCommentsData.rows.findIndex((value) => value.id === props.id); newCommentsData.rows.splice(commentIndex, 1); props.manageComment.setCommentsData({ hasMore: props.manageComment.commentsData.hasMore, rows: newCommentsData.rows }); } catch {} } props.manageComment.setLoadingComments(false); } return (
{props.user.name} {props.user.name}  - {date.format(new Date(props.createdAt), 'DD/MM/YYYY à HH:mm', true)}

{props.message}

{(isAuth && user.name === props.user.name) &&

supprimer le commentaire

}
); }); export default CommentCard;