Proyectos de Subversion LeadersLinked - Backend

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 FeedShare = ({ post_url }) => {

  const dispatch = useDispatch()

  const onClickHandler = (e, modalType) => {

    e.preventDefault()

    dispatch(openShareModal(post_url, modalType))

  }

  return (

    <form className={'formContainer'}>

      <div className={'userInputContainer'}>

        <input

          name="description-main"

          placeholder="¿Qué tienes en mente?"

          className="form-control"

          readOnly

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

          onFocus={(e) => {

            e.target.blur()

            onClickHandler(e, shareModalTypes.POST)

          }}

        />

      </div>

      <div className={'shareRowContainer'}>

        <button

          className="btn shareIconContainer"

          onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}

        >

          <i className={`${'shareIcon'} fa fa-video-camera`} />

        </button>

        <button

          className="btn shareIconContainer"

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

        >

          <i className={`${'shareIcon'} fa fa-image`} />

        </button>

        <button

          className="btn shareIconContainer"

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

        >

          <i className={`${'shareIcon'} fa fa-file`} />

        </button>

        <button

          className="btn shareIconContainer iconActive"

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

        >

          <i className={`${'shareIcon'} fa fa-send`} />

        </button>

      </div>

    </form>

  )

}

export default FeedShare