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