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='¿En que estas pensando?'
            readOnly
          />
        </div>
      </div>
      <div className='feed__share-options'>
        <InputOption Icon={ImageIcon} title='Imagen' color='#7405f9' onClick={() => onClickHandler(shareModalTypes.IMAGE)} />
        <InputOption Icon={SubscriptionsIcon} title='Video' color='#E7A33E' onClick={() => onClickHandler(shareModalTypes.VIDEO)} />
        <InputOption Icon={ArticleIcon} title='Documento' color='#C0C8CD' onClick={() => onClickHandler(shareModalTypes.FILE)} />
        <InputOption Icon={PostAddIcon} title='Escribe un post' color='#7FC15E' onClick={() => onClickHandler(shareModalTypes.POST)} />
      </div>
    </div>
  )
}

export default FeedShare