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)} />

        <InputOption Icon={SubscriptionsIcon} title={LABELS.VIDEO} color='#E7A33E' onClick={() => onClickHandler(shareModalTypes.VIDEO)} />

        <InputOption Icon={ArticleIcon} title={LABELS.DOCUMENT} color='#C0C8CD' onClick={() => onClickHandler(shareModalTypes.FILE)} />

        <InputOption Icon={PostAddIcon} title={LABELS.WRITE_A_POST} color='#7FC15E' onClick={() => onClickHandler(shareModalTypes.POST)} />

      </div>

    </div>

  )

}

export default FeedShare