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.WRITE} readOnly />

        </div>

      </div>

      <div className="feed__share-options">

        <InputOption

          Icon={ImageIcon}

          title={LABELS.IMAGE}

          color="#7405f9"

          onClick={() => onClickHandler(shareModalTypes.IMAGE)}

          withTitle

        />

        <InputOption

          Icon={SubscriptionsIcon}

          title={LABELS.VIDEO}

          color="#E7A33E"

          onClick={() => onClickHandler(shareModalTypes.VIDEO)}

          withTitle

        />

        <InputOption

          Icon={ArticleIcon}

          title={LABELS.DOCUMENT}

          color="#C0C8CD"

          onClick={() => onClickHandler(shareModalTypes.FILE)}

          withTitle

        />

        <InputOption

          Icon={PostAddIcon}

          title={LABELS.WRITE_A_POST}

          color="#7FC15E"

          onClick={() => onClickHandler(shareModalTypes.POST)}

          withTitle

        />

      </div>

    </div>

  )

}

export default FeedShare