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";

import { FaVideo } from 'react-icons/fa'

import { CgImage } from 'react-icons/cg'

import { CgLoadbarDoc } from 'react-icons/cg'

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)}

          >

            <FaVideo  className='shareIcon' />

          </button>

          <button

            className='shareIconContainer'

            onClick={() => onClickHandler(shareModalTypes.IMAGE)}

          >

            <CgImage className='shareIcon' />

          </button>

          <button

            className='shareIconContainer'

            onClick={() => onClickHandler(shareModalTypes.FILE)}

          >

            <CgLoadbarDoc className='shareIcon' />

          </button>

          <button

            className={`shareIconContainer iconActive`}

            onClick={() => onClickHandler(shareModalTypes.POST)}

          >

            <i className='shareIcon' />

          </button>

        </div>

      </form>

    </div >

  );

};

export default ShareFeed