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