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'

const FeedShare = ({ post_url }) => {

	const dispatch = useDispatch()

	const onClickHandler = (e, modalType) => {

		e.preventDefault()

		dispatch(openShareModal(post_url, modalType))

	}

	return (

		<>

			<div id="publica-feed" className={'shareFeed'}>

				<form id="form-main" name="form-main" className={'formContainer'}>

					<div className={'userInputContainer'}>

						<input

							name="description-main"

							placeholder="¿Qué tienes en mente?"

							className="form-control"

							readOnly

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

							onFocus={(e) => {

								e.target.blur()

								onClickHandler(e, shareModalTypes.POST)

							}}

						/>

					</div>

					<div className={'shareRowContainer'}>

						<button

							className={'shareIconContainer'}

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

						>

							<i className={`${'shareIcon'} fa fa-video-camera`} />

						</button>

						<button

							className={'shareIconContainer'}

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

						>

							<i className={`${'shareIcon'} fa fa-image`} />

						</button>

						<button

							className={'shareIconContainer'}

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

						>

							<i className={`${'shareIcon'} fa fa-file`} />

						</button>

						<button

							className={`${'shareIconContainer'} ${'iconActive'}`}

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

						>

							<i className={`${'shareIcon'} fa fa-send`} />

						</button>

					</div>

				</form>

			</div >

		</>

	)

}

export default FeedShare