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 iconActive'}

            onClick={() => onClickHandler(shareModalTypes.POST)}

          >

            <SendOutlinedIcon />

          </button>

        </div>

      </div>

    </div>

  )

}

export default ShareFeed