Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
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 { useDispatch } from 'react-redux'
import { openShareModal } from '../../../../redux/share-modal/shareModal.actions'
import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
import Avatar from '../../../../shared/Avatar/Avatar'

const FeedShare = ({ feedType, postUrl, image }) => {
  const dispatch = useDispatch()
  const onClickHandler = (postType) =>
    dispatch(openShareModal(postUrl, postType, feedType))

  return (
    <div className="feed__share">
      <div className="feed__input-container">
        <Avatar imageUrl={image} size="xl" />
        <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