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 './shareFeed.module.scss'

const FeedShare = ({ post_url }) => {

        const dispatch = useDispatch()

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

        return (
                <>
                        <div id="publica-feed" className={styles.shareFeed}>
                                <form id="form-main" name="form-main" className={styles.formContainer}>
                                        <div className={styles.userInputContainer}>
                                                <input
                                                        name="description-main"
                                                        placeholder="¿Qué tienes en mente?"
                                                        className="form-control"
                                                        readOnly
                                                        onClick={() => onClickHandler(shareModalTypes.POST)}
                                                        onFocus={(e) => {
                                                                e.target.blur()
                                                                onClickHandler(shareModalTypes.POST)
                                                        }}
                                                />
                                        </div>
                                        <div className={styles.shareRowContainer}>
                                                <button
                                                        className={styles.shareIconContainer}
                                                        onClick={() => onClickHandler(shareModalTypes.VIDEO)}
                                                >
                                                        <i className={`${styles.shareIcon} fa fa-video-camera`} />
                                                </button>
                                                <button
                                                        className={styles.shareIconContainer}
                                                        onClick={() => onClickHandler(shareModalTypes.IMAGE)}
                                                >
                                                        <i className={`${styles.shareIcon} fa fa-image`} />
                                                </button>
                                                <button
                                                        className={styles.shareIconContainer}
                                                        onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
                                                >
                                                        <i className={`${styles.shareIcon} fa fa-file`} />
                                                </button>
                                                <button
                                                        className={`${styles.shareIconContainer} ${styles.iconActive}`}
                                                        onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
                                                >
                                                        <i className={`${styles.shareIcon} fa fa-send`} />
                                                </button>
                                        </div>
                                </form>
                        </div >
                </>
        )
}


export default FeedShare