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 = (postUrl, modalType) => {
                dispatch(openShareModal(postUrl, modalType))
        }

        return (
                <div className="card card-body">
                        <div className="d-flex mb-3">
                                <form className="w-100">
                                        <textarea
                                                className="form-control pe-4 border-0"
                                                rows="2"
                                                data-autoresize=""
                                                placeholder="¿Qué tienes en mente?"
                                                onClick={() => onClickHandler(post_url, shareModalTypes.POST)}
                                                onFocus={(e) => {
                                                        e.preventDefault()
                                                        onClickHandler(post_url, shareModalTypes.POST)
                                                }}
                                        />
                                </form>
                        </div>
                        <div className="d-flex justify-content-between">
                                <ul className="nav nav-pills nav-stack small fw-normal">
                                        <li className="nav-item mr-2">
                                                <button
                                                        className="btn nav-link bg-light py-1 px-2 mb-0"
                                                        style={{ fontSize: '.9rem' }}
                                                        onClick={() => onClickHandler(post_url, shareModalTypes.IMAGE)}
                                                >
                                                        <i className="fa fa-image mr-2" />
                            Photo
                                                </button>
                                        </li>
                                        <li className="nav-item mr-2">
                                                <button
                                                        className="btn nav-link bg-light py-1 px-2 mb-0"
                                                        style={{ fontSize: '.9rem' }}
                                                        onClick={() => onClickHandler(post_url, shareModalTypes.VIDEO)}
                                                >
                                                        <i className="fa fa-video-camera mr-2" />
                            Video
                                                </button>
                                        </li>
                                        <li className="nav-item mr-2">
                                                <button
                                                        className="btn nav-link bg-light py-1 px-2 mb-0"
                                                        style={{ fontSize: '.9rem' }}
                                                        onClick={() => onClickHandler(post_url, shareModalTypes.FILE)}
                                                >
                                                        <i className="fa fa-file mr-2" />
                            File
                                                </button>
                                        </li>
                                </ul>
                                <button
                                        className="btn btn-sm btn-primary"
                                        type="button"
                                        id="btn-description-main"
                                        onClick={() => onClickHandler(post_url, shareModalTypes.POST)}
                                >
                                        <i className="fa fa-pencil fa-fw" />
                    Compartir
                                </button>
                        </div>
                </div >
        )
}


export default FeedShare