Proyectos de Subversion LeadersLinked - Backend

import React from "react";

const FeedShare = () => {

    const onClickHandler = () => {
        console.log("Open modal")
    };

    return (
        <div className="card card-body">
            <div className="d-flex mb-3">
                <div className="avatar avatar-xs me-2">
                    <img className="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="" />
                </div>
                <form className="w-100">
                    <textarea
                        className="form-control pe-4 border-0"
                        rows="2"
                        data-autoresize=""
                        placeholder="Share your thoughts..."
                        onClick={(e) => onClickHandler()}
                    />
                </form>
            </div>
            <ul className="nav nav-pills nav-stack small fw-normal">
                <li className="nav-item">
                    <button className="btn nav-link bg-light py-1 px-2 mb-0"  >
                        <i className="bi bi-image-fill text-success pe-2" />
                        Photo
                    </button>
                </li>
                <li className="nav-item">
                    <a className="nav-link bg-light py-1 px-2 mb-0" href="#!" data-bs-toggle="modal" data-bs-target="#feedActionVideo">
                        <i className="bi bi-camera-reels-fill text-info pe-2" />
                        Video
                    </a>
                </li>
                <li className="nav-item">
                    <a href="#" className="nav-link bg-light py-1 px-2 mb-0" data-bs-toggle="modal" data-bs-target="#modalCreateEvents">
                        <i className="bi bi-calendar2-event-fill text-danger pe-2" />
                        Event
                    </a>
                </li>
                <li className="nav-item">
                    <a className="nav-link bg-light py-1 px-2 mb-0" href="#!" data-bs-toggle="modal" data-bs-target="#modalCreateFeed">
                        <i className="bi bi-emoji-smile-fill text-warning pe-2" />
                        Feeling/Activity
                    </a>
                </li>
                <li className="nav-item dropdown ms-lg-auto">
                    <button
                        className="btn btn-sm btn-primary"
                        type="button"
                        id="btn-description-main"
                        onClick={(e) => onClickHandler()}
                    >
                        <i className="fa fa-pencil fa-fw" />
                        Compartir
                    </button>
                </li>
            </ul>
        </div >
    );
};


export default FeedShare