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={(e) => onClickHandler(post_url, shareModalTypes.POST)}
                    />
                </form>
            </div>
            <div class="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={(e) => 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={(e) => 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={(e) => 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={(e) => onClickHandler(post_url, shareModalTypes.POST)}
                >
                    <i className="fa fa-pencil fa-fw" />
                    Compartir
                </button>
            </div>
        </div >
    );
};


export default FeedShare