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