Merge pull request #191 from UB-ES-2023-A2/hotfix/not-like

feat: dont like if it is your review
UB-ES-2023-A2 · Nov 24, 2023 · c8307e4 · c8307e4
2 parents 5e19f82 + e37a91f
commit c8307e4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/LikesReview.jsx b/src/components/LikesReview.jsx
@@ -6,16 +6,17 @@ import { faThumbsUp, faHeart } from "@fortawesome/free-solid-svg-icons";
 import { useAuth } from "./AuthContext";
 
 
-function LikesReview({ recipeId, reviewId, initialLikes, likedBy, reloadReviews }) {
+function LikesReview({ reviewUsername, recipeId, reviewId, initialLikes, likedBy, reloadReviews }) {
   const [likes, setLikes] = useState(initialLikes);
   const [hasLiked, setHasLiked] = useState(false);
   const currentUserUsername = localStorage.getItem('currentUser');
   const [hasLikedByUser, setHasLikedByUser] = useState(likedBy.includes(currentUserUsername));
   const { token } = useAuth();
   const isLogged = window.localStorage.getItem("logged");
+  const isOwnerReview = currentUserUsername === reviewUsername;
 
   const handleLikeClick = async () => {
-    if(isLogged === 'true'){
+    if(isLogged === 'true' && !isOwnerReview){
         if (hasLiked || hasLikedByUser) {
           likes > 0 ? setLikes(likes - 1) : setLikes(0);  
           setHasLiked(false);  
@@ -65,7 +66,7 @@ function LikesReview({ recipeId, reviewId, initialLikes, likedBy, reloadReviews
       reloadReviews()}
   };
 
-  const cursorStyle = isLogged === 'true' ? { cursor: "pointer" } : { cursor: "not-allowed" };
+  const cursorStyle = isLogged === 'true' && !isOwnerReview ? { cursor: "pointer" } : { cursor: "not-allowed" };
 
   return (
     <Row>

diff --git a/src/components/Reviews.jsx b/src/components/Reviews.jsx
@@ -14,6 +14,8 @@ function Reviews(props) {
   const [showModalImage, setShowModalImage] = useState(false);
   const [selectedImage, setSelectedImage] = useState(null); 
   const isLogged = window.localStorage.getItem("logged");
+  const currentUserUsername = localStorage.getItem('currentUser');
+
 
   useEffect(() => {
     fetch(`${process.env.REACT_APP_API_URL}/review/${id}`)
@@ -107,12 +109,13 @@ function Reviews(props) {
                         <Col sm={12}>
                           <div className="d-flex align-items-cente mx-1">
                             <LikesReview
+                            reviewUsername={review.username}
                             recipeId={id}
                             reviewId={review._id}
                             initialLikes={review.likes || 0}
                             likedBy={review.liked_by}
                             reloadReviews={reloadReviews}
-                            />
+                            /> 
                           </div>
                         </Col>
                       </Row>