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'>
      <div className='formContainer'>
        <div className='userInputContainer'>
          <img
            src={image}
            alt="User image profile"
            loading="lazy"
          />
          <input
            name="description-main"
            placeholder={LABELS.WHAT_ARE_YOU_THINKING}
            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>
      </div>
    </div>
  )
}

export default ShareFeed