Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

const FeedTemplate = ({ feed }) => {

    return (
        <div className="card">
            <div className="card-header border-0 pb-0">
                <div className="d-flex align-items-center justify-content-between">
                    <div className="d-flex align-items-center">
                        <div className="avatar avatar-story me-2">
                            <a href="#!">
                                <img
                                    className="avatar-img rounded-circle"
                                    src={feed.owner_image}
                                    alt={`${feed.owner_name} profile image`}
                                />
                            </a>
                        </div>
                        <div>
                            <div className="nav nav-divider">
                                <h6 className="nav-item card-title mb-0">
                                    <a href="#!">{feed.owner_name}</a>
                                </h6>
                                <span className="nav-item small">{feed.owner_time_elapse}</span>
                            </div>
                        </div>
                    </div>
                    <div className="dropdown">
                        <a
                            href="#"
                            className="text-secondary btn btn-secondary-soft-hover py-1 px-2"
                        >
                            <i className="bi bi-three-dots"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div className="card-body">
                <p>{feed.owner_description}</p>
                {
                    feed.owner_file_image
                    &&
                    <img
                        className="card-img"
                        src={feed.owner_file_image}
                        alt="Post"
                    />
                }
                <ul className="nav nav-stack py-3 small">
                    <li className="nav-item">
                        <button className="btn nav-link active">
                            <i className="bi bi-hand-thumbs-up-fill pe-1" />
                            Liked (56)
                        </button>
                    </li>
                    <li className="nav-item">
                        <button className="btn nav-link">
                            <i className="bi bi-chat-fill pe-1" />
                            Comments ({feed.owner_comments})
                        </button>
                    </li>
                    <li className="nav-item dropdown ms-sm-auto">
                        <a className="btn nav-link mb-0" >
                            <i className="bi bi-reply-fill flip-horizontal ps-1" />
                            Share ({feed.owner_shared})
                        </a>
                    </li>
                </ul>


                {/* <div className="d-flex mb-3">
                    <div className="avatar avatar-xs me-2">
                        <a href="#!"> <img className="avatar-img rounded-circle" src="assets/images/avatar/12.jpg" alt=""> </a>
                    </div>

                    <form className="w-100">
                        <textarea data-autoresize="" className="form-control pe-4 bg-light" rows="1" placeholder="Escribe un comentario" />
                    </form>
                </div> */}
                {/*                 <ul className="comment-wrap list-unstyled">
                    <li className="comment-item">
                        <div className="d-flex position-relative">
                            <div className="avatar avatar-xs">
                                <a href="#!"><img className="avatar-img rounded-circle" src="assets/images/avatar/05.jpg" alt=""></a>
                            </div>
                            <div className="ms-2">

                                <div className="bg-light rounded-start-top-0 p-3 rounded">
                                    <div className="d-flex justify-content-between">
                                        <h6 className="mb-1"> <a href="#!"> Frances Guerrero </a></h6>
                                        <small className="ms-2">5hr</small>
                                    </div>
                                    <p className="small mb-0">Removed demands expense account in outward tedious do. Particular way thoroughly unaffected projection.</p>
                                </div>

                                <ul className="nav nav-divider py-2 small">
                                    <li className="nav-item">
                                        <a className="nav-link" href="#!"> Like (3)</a>
                                    </li>
                                    <li className="nav-item">
                                        <a className="nav-link" href="#!"> Reply</a>
                                    </li>
                                    <li className="nav-item">
                                        <a className="nav-link" href="#!"> View 5 replies</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>
                </ul> */}
            </div>
        </div>
    )
}
export default FeedTemplate