Proyectos de Subversion LeadersLinked - Backend

import React from 'react'
import { useDispatch } from 'react-redux'
import { openShareModal } from '../../redux/share-modal/shareModal.actions'
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
import { openSurveyModal } from '../../redux/survey-modal/surveyModal.actions'

import ImageIcon from './icons/Image'
import DocumentIcon from './icons/Document'
import SurveyIcon from './icons/Survey'
import VideoIcon from './icons/Video'

import styles from './share.module.scss'

const FeedShare = ({ post_url, allowFastSurvey }) => {
  const dispatch = useDispatch()

  const onClickHandler = (modalType) => {
    dispatch(openShareModal(post_url, modalType))
  }

  const openSurvey = () => {
    dispatch(openSurveyModal(post_url))
  }

  return (
    <div className={styles.share_feed}>
      <input
        type="text"
        name="description-main"
        placeholder="¿Qué tienes en mente?"
        className="form-control"
        readOnly
        onClick={() => onClickHandler(shareModalTypes.POST)}
      />
      <div className={styles.share_options}>
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
        >
          <VideoIcon />
        </button>
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
        >
          <ImageIcon />
        </button>
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.FILE)}
        >
          <DocumentIcon />
        </button>
        {Boolean(allowFastSurvey) && (
          <button className="btn py-0" onClick={openSurvey}>
            <SurveyIcon />
          </button>
        )}
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.POST)}
        >
          <i className="fa fa-send" />
        </button>
      </div>
    </div>
  )
}

export default FeedShare