theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

frontend et backend: Supprimer un commentaire

Browse Source
This commit is contained in:
Divlo
2020-04-10 20:58:19 +02:00
parent 39a332a867
commit 0ac2fbf3ab
4 changed files with 45 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
website/components/CommentCard/CommentCard.js
View File

@ -1,10 +1,27 @@
import Link from 'next/link';
import { forwardRef } from 'react';
import { API_URL } from '../../utils/config';
import { forwardRef, useContext, Fragment } from 'react';
import date from 'date-and-time';
import { UserContext } from '../../contexts/UserContext';
import { API_URL } from '../../utils/config';
import api from '../../utils/api';
import './CommentCard.css';
const CommentCard = forwardRef((props, ref) => {
const { isAuth, user } = useContext(UserContext);
const deleteCommentById = async () => {
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 {}
}
}
return (
<div ref={ref} className="CommentCard col-24">
<div className="CommentCard__container">
@ -17,6 +34,7 @@ const CommentCard = forwardRef((props, ref) => {
<a>{props.user.name}</a>
</Link>
&nbsp;- {date.format(new Date(props.createdAt), 'DD/MM/YYYY à HH:mm', true)}
{(isAuth && user.name === props.user.name) && <Fragment>&nbsp;-&nbsp;<a onClick={deleteCommentById} href="#">supprimer</a></Fragment>}
</span>
</div>
<div className="row">