Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import { useDispatch } from "react-redux";
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";

const ShareFeed = ({
  feedType,
  postUrl,
  image
}) => {

  const dispatch = useDispatch()
  const onClickHandler = (postType) => dispatch(openShareModal(postUrl, postType, feedType))

  return (
    <div className='shareFeed'>
      <form className='formContainer'>
        <div className='userInputContainer'>
          <img
            src={image}
            alt="User image profile"
            loading="lazy"
          />
          <input
            name="description-main"
            placeholder="¿En qué estás pensando?"
            className="form-control"
            readOnly
            onClick={(e) => {
              e.preventDefault()
              onClickHandler(shareModalTypes.POST)
            }}
          />
        </div>
        <div className='shareRowContainer'>
          <button
            className='shareIconContainer'
            onClick={() => onClickHandler(shareModalTypes.VIDEO)}
          >
            <img src="/images/icons/camera.png"  className='shareIcon' />
          </button>
          <button
            className='shareIconContainer'
            onClick={() => onClickHandler(shareModalTypes.IMAGE)}
          >
            <img src="/images/icons/image.png" className='shareIcon' />
          </button>
          <button
            className='shareIconContainer'
            onClick={() => onClickHandler(shareModalTypes.FILE)}
          >
            <img src="/images/icons/doc.png" className='shareIcon' />
          </button>
          <button
            className={`shareIconContainer iconActive`}
            onClick={() => onClickHandler(shareModalTypes.POST)}
          >
            <img src="/images/icons/send.png" className='shareIcon' />
          </button>
        </div>
      </form>
    </div >
  );
};

export default ShareFeed