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 (
    <>
      <div id="publica-feed" className={'shareFeed'}>
        <form id="form-main" name="form-main" 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={'shareIconContainer'}
              onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
            >
              <i className={`${'shareIcon'} fa fa-video-camera`} />
            </button>
            <button
              className={'shareIconContainer'}
              onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
            >
              <i className={`${'shareIcon'} fa fa-image`} />
            </button>
            <button
              className={'shareIconContainer'}
              onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
            >
              <i className={`${'shareIcon'} fa fa-file`} />
            </button>
            <button
              className={`${'shareIconContainer'} ${'iconActive'}`}
              onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
            >
              <i className={`${'shareIcon'} fa fa-send`} />
            </button>
          </div>
        </form>
      </div>
    </>
  )
}

export default FeedShare