Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import { connect } from "react-redux";
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";
import { BsCameraVideoFill, BsCardImage } from 'react-icons/bs'
import { TbSend } from 'react-icons/tb'
import { CgLoadbarDoc } from 'react-icons/cg'

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

  const onClickHandler = (e, postType) => {
    e.preventDefault()
    openShareModal(postUrl, postType, feedType);
  }

  return (
    <div id="publica-feed" className='shareFeed'>
      <form id="form-main" name="form-main" className='formContainer'>
        <div className='userInputContainer'>
          <img
            src={image}
            alt="User image profile"
          />
          <input
            name="description-main"
            placeholder="¿En qué estás pensando?"
            className="form-control"
            readOnly
            onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
          />
        </div>
        <div className='shareRowContainer'>
          <button
            className='shareIconContainer'
            onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
          >
            <BsCameraVideoFill className='shareIcon' />
          </button>
          <button
            className='shareIconContainer'
            onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
          >
            <BsCardImage className='shareIcon' />
          </button>
          <button
            className='shareIconContainer'
            onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
          >
            <CgLoadbarDoc className='shareIcon' />
          </button>
          <button
            className={`shareIconContainer iconActive`}
            onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
          >
            <TbSend className='shareIcon' />
          </button>
        </div>
      </form>
    </div >
  );
};

const mapDispatchToProps = {
  openShareModal: (postUrl, modalType, feedType) => openShareModal(postUrl, modalType, feedType)
}

export default connect(null, mapDispatchToProps)(ShareFeed)