import React, { useMemo, useState } from "react";
import PropTypes from "prop-types";
import { reviewEnum } from "../../../enums/reviewEnum";
import UserReviewsSingleCard from "./UserReviewsSingleCard/UserReviewsSingleCard";
import DeleteReview from "../../Modals/DeleteReview/DeleteReview";

const UserReviewsCard = (props) => {
  const [removeModalOpened, setRemoveModalOpened] = useState();
  const handleRemove = () => {
    setRemoveModalOpened(true);
  };
  const review = useMemo(() => {
    if (props.givingReview) {
      return {
        ...props.review,
      };
    }
    let isSuccessfulSwap = reviewEnum.YES.mainText.toUpperCase();
    if (
      props.review.succeeded === reviewEnum.NO.backendText ||
      props.review.isSuccessfulSwap === reviewEnum.NO.mainText
    )
      isSuccessfulSwap = reviewEnum.NO.mainText.toUpperCase();
    let isGoodCommunication = reviewEnum.YES.mainText.toUpperCase();
    if (
      props.review.communication === reviewEnum.NOT_BAD.backendText ||
      props.review.isCorrectCommunication === reviewEnum.NOT_BAD.mainText
    )
      isGoodCommunication = reviewEnum.NOT_BAD.mainText.toUpperCase();
    if (
      props.review.communication === reviewEnum.NO.backendTextSecond ||
      props.review.isCorrectCommunication === reviewEnum.NO.mainText
    )
      isGoodCommunication = reviewEnum.NO.mainText.toUpperCase();
    return {
      name: props.review.userWhoGaveReview.name,
      image: props.review.userWhoGaveReview.image,
      userId: props.review.userId,
      isGoodCommunication,
      isSuccessfulSwap,
      quote: props?.review?.message,
      offerName: props.review.offer.name,
      offerImage: props.review.offer.image,
    };
  }, [props.review]);
  console.log(review);

  return (
    <>
      <UserReviewsSingleCard
        review={review}
        showRemoveIcon={props.showRemoveIcon}
        handleRemove={handleRemove}
      />
      {removeModalOpened && (
        <DeleteReview
          review={review}
          setOpenedDeleteModal={setRemoveModalOpened}
        />
      )}
    </>
  );
};

UserReviewsCard.propTypes = {
  children: PropTypes.node,
  heading: PropTypes.string,
  isProfileReviews: PropTypes.bool,
  profileReviews: PropTypes.any,
  className: PropTypes.string,
  review: PropTypes.any,
  givingReview: PropTypes.bool,
  showRemoveIcon: PropTypes.bool,
};
UserReviewsCard.defaultProps = {
  isProfileReviews: false,
  profileReviews: [],
};

export default UserReviewsCard;