Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'

import { openShareModal } from '../../../redux/share-modal/shareModal.actions'

import { shareModalTypes } from '../../../redux/share-modal/shareModal.types'

import { useDispatch, useSelector } from 'react-redux'

import CreateIcon from '@mui/icons-material/Create'

import ImageIcon from '@mui/icons-material/Image'

import SubscriptionsIcon from '@mui/icons-material/Subscriptions'

import ArticleIcon from '@mui/icons-material/Article'

import PostAddIcon from '@mui/icons-material/PostAdd'

import InputOption from './InputOption'

import { Avatar } from '@mui/material'

const FeedShare = ({ feedType, postUrl = '', image = '' }) => {

  const labels = useSelector(({ intl }) => intl.labels)

  const dispatch = useDispatch()

  const onClickHandler = (postType) => {

    dispatch(openShareModal(postUrl, postType, feedType))

  }

  return (

    <div className="feed__share">

      <div className="feed__input-container">

        <Avatar src={image} sx={{ width: '60px', height: '60px' }} />

        <div

          className="feed__input"

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

        >

          <CreateIcon />

          <input

            type="text"

            placeholder={labels.what_are_you_thinking}

            readOnly

          />

        </div>

      </div>

      <div className="feed__share-options">

        <InputOption

          Icon={ImageIcon}

          title={labels.image}

          color="#7405f9"

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

          withTitle

        />

        <InputOption

          Icon={SubscriptionsIcon}

          title={labels.video}

          color="#E7A33E"

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

          withTitle

        />

        <InputOption

          Icon={ArticleIcon}

          title={labels.document}

          color="#C0C8CD"

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

          withTitle

        />

        <InputOption

          Icon={PostAddIcon}

          title={labels.write}

          color="#7FC15E"

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

          withTitle

        />

      </div>

    </div>

  )

}

export default FeedShare