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 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"

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

        >

          <i className="fa fa-video-camera" />

        </button>

        <button

          className="btn"

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

        >

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

        </button>

        <button

          className="btn"

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

        >

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

        </button>

        <button

          className="btn iconActive"

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

        >

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

        </button>

      </div>

    </div>

  )

}

export default FeedShare