Proyectos de Subversion LeadersLinked - Antes de SPA

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(({ intl }) => intl.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