Merge pull request #72 from Dreallers/avatar

Avatar
Dreallers · Jan 24, 2024 · cc17e2d · cc17e2d
2 parents 533b4bd + 317240f
commit cc17e2d
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/frontend/src/components/CommentsSection.jsx b/frontend/src/components/CommentsSection.jsx
@@ -153,6 +153,30 @@ function CommentsSection({ filmId, user }) {
                   <div className="FrameContainer">
                     <div className="Frame1">
                       <p className="CommentText">{comment.content}</p>
+                      {user.id === comment.userId && (
+                        <div className="CommentActionButtons">
+                          <button
+                            type="button"
+                            className="EditButton"
+                            onClick={() => handleEditComment(comment.id)}
+                          >
+                            <img
+                              src="/src/assets/icons/modifier.png"
+                              alt="Modifier"
+                            />
+                          </button>
+                          <button
+                            type="button"
+                            className="DeleteButton"
+                            onClick={() => handleDeleteComment(comment.id)}
+                          >
+                            <img
+                              src="/src/assets/icons/supprimer.png"
+                              alt="Supprimer"
+                            />
+                          </button>
+                        </div>
+                      )}
                     </div>
                     <div className="CommentDateContainer">
                       <h6 className="CommentDate">{formattedDate}</h6>
@@ -283,7 +307,7 @@ function CommentsSection({ filmId, user }) {
               />
             </button>
           </div>
-          {/* <div className="UserInfo">
+          <div className="UserInfo">
             <img
               alt="avatar"
               className="Avatar2"
@@ -294,7 +318,7 @@ function CommentsSection({ filmId, user }) {
               }
             />
             <h6 className="Username">{user.name}</h6>
-          </div> */}
+          </div>
         </div>
       </div>
     </section>

diff --git a/frontend/src/components/FreeMovie.jsx b/frontend/src/components/FreeMovie.jsx
@@ -3,8 +3,7 @@ import { useParams, NavLink, useNavigate, useLocation } from "react-router-dom";
 import PropTypes from "prop-types";
 import axios from "axios";
 import { useUser } from "../contexts/UserContext";
-// eslint-disable-next-line import/no-unresolved
-import CommentsSection from "./CommentsSection.js";
+import CommentsSection from "./CommentsSection";
 
 function FreeMovie({ movie }) {
   const navigate = useNavigate();

diff --git a/frontend/src/pages/Inscription.jsx b/frontend/src/pages/Inscription.jsx
@@ -18,7 +18,7 @@ function Inscription() {
   // const { updateUser, user: connectedUser } = useUser();
   const [showModal, setShowModal] = useState(false);
   // const navigate = useNavigate();
-
+  // supprimer commentaire ;
   const toggleModal = () => {
     setShowModal(!showModal);
   };