Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import { useState, } from "react";
import { profileTypes } from "../../../Profile.types";
import ImageModal from './ImageModal'


const ProfileImg = ({
  entityId = '',
  profileId = '',
  image = '',
  imageProfileCover = '',
  profileType = ''
}) => {



  // states
  const [isModalOpen, setIsModalOpen] = useState(false);

  const [profileImg, setProfileImg] = useState(() => {
    switch (profileType) {
      case profileTypes.USER:
        return {
          path: `/storage/type/user-profile/code/${entityId}/${image ? `filename/${image}` : ''}`,
          uid: Date.now(),
        };
      case profileTypes.COMPANY:
        return {
          path: `/storage/type/company/code/${entityId}/${image ? `filename/${image}` : ''}`,
          uid: Date.now(),
        }
      default:
        break;
    }
  });

  const handleModalOpen = (event) => {
    event && event.preventDefault();
    setIsModalOpen(!isModalOpen);
  };

  return (
    <>
      <div className="user-pro-img">
        <img
          id="user-profile-img"
          src={`${profileImg.path}?${profileImg.uid}`}
          alt=""
        />
        <div className="add-dp" id="OpenImgUpload">
          <a href="#" className="btn-image-open" onClick={handleModalOpen}>
            <i className="fas fa-camera"></i>
          </a>
        </div>
      </div>
      <ImageModal
        isModalOpen={isModalOpen}
        profileId={profileId}
        setProfileImg={(newImage) => setProfileImg(newImage)}
        imageProfileCover={imageProfileCover}
        handleModalOpen={handleModalOpen}
        profileType={profileType}
      />
    </>
  );
};

export default ProfileImg;