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 SurveyIcon from './icons/Survey'

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)}
        >
          <i className="fa fa-video-camera" />
        </button>
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
        >
          <i className="fa fa-image" />
        </button>
        <button
          className="btn py-0"
          onClick={() => onClickHandler(shareModalTypes.FILE)}
        >
          <i className="fa fa-file" />
        </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