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 EventNoteIcon from '@mui/icons-material/EventNote'
import CalendarViewDayIcon from '@mui/icons-material/CalendarViewDay'
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'

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'>
        <CreateIcon />
        <input
          type='text'
          placeholder='¿En que estas pensando?'
          onClick={(e) => {
            e.preventDefault();
            onClickHandler(shareModalTypes.POST)
          }}
        />
      </div>
      <div className='feed__share-options'>
        <InputOption Icon={ImageIcon} title='Photo' color='#7405f9' onClick={() => onClickHandler(shareModalTypes.IMAGE)} />
        <InputOption Icon={SubscriptionsIcon} title='Video' color='#E7A33E' onClick={() => onClickHandler(shareModalTypes.VIDEO)} />
        <InputOption Icon={EventNoteIcon} title='Event' color='#C0C8CD' onClick={() => onClickHandler(shareModalTypes.FILE)} />
        <InputOption Icon={CalendarViewDayIcon} title='Write article' color='#7FC15E' onClick={() => onClickHandler(shareModalTypes.POST)} />
      </div>
    </div>
  )
}

export default FeedShare