Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { openShareModal } from '../../../redux/share-modal/shareModal.actions'
import { shareModalTypes } from '../../../redux/share-modal/shareModal.types'
import VideocamOutlinedIcon from '@mui/icons-material/VideocamOutlined'
import ImageOutlinedIcon from '@mui/icons-material/ImageOutlined'
import PostAddOutlinedIcon from '@mui/icons-material/PostAddOutlined'
import SendOutlinedIcon from '@mui/icons-material/SendOutlined'

const ShareFeed = ({
  feedType,
  postUrl,
  image
}) => {
  const dispatch = useDispatch()
  const { WHAT_ARE_YOU_THINKING } = useSelector(state => state.labels)

  const onClickHandler = (postType) => dispatch(openShareModal(postUrl, postType, feedType))

  return (
    <div className='share-feed'>
      <div className='share_form-container'>
        <img src={image} alt="User image profile" loading="lazy" />
        <input
          placeholder={WHAT_ARE_YOU_THINKING}
          readOnly
          onClick={() => onClickHandler(shareModalTypes.POST)}
        />
        <div className='share_icons-container'>
          <button
            className='share-icon'
            onClick={() => onClickHandler(shareModalTypes.VIDEO)}
          >
            <VideocamOutlinedIcon />
          </button>
          <button
            className='share-icon'
            onClick={() => onClickHandler(shareModalTypes.IMAGE)}
          >
            <ImageOutlinedIcon />
          </button>
          <button
            className='share-icon'
            onClick={() => onClickHandler(shareModalTypes.FILE)}
          >
            <PostAddOutlinedIcon />
          </button>
          <button
            className='share-icon active'
            onClick={() => onClickHandler(shareModalTypes.POST)}
          >
            <SendOutlinedIcon />
          </button>
        </div>
      </div>
    </div>
  )
}

export default ShareFeed