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 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 }) => {

  const dispatch = useDispatch()

  const onClickHandler = (modalType) => {

    dispatch(openShareModal(post_url, modalType))

  }

  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>

        <button

          className="btn py-0"

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

        >

          <SurveyIcon />

        </button>

        <button

          className="btn py-0"

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

        >

          <i className="fa fa-send" />

        </button>

      </div>

    </div>

  )

}

export default FeedShare