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