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