Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

import DeleteModal from '../../shared/DeleteModal'

const CommentTemplate = ({ feed_comment }) => {

    const [showDeleteModal, setShowDeleteModal] = useState(false)

    const closeModal = () => setShowDeleteModal(false)

    return (

        <>

            <div className="d-flex position-relative">

                <div className="avatar avatar-xs">

                    <a href={feed_comment.user_url}>

                        <img

                            className="avatar-img rounded-circle"

                            src={feed_comment.user_image}

                            alt="comment user image"

                        />

                    </a>

                </div>

                <div className="ms-2 mb-2">

                    <div className="bg-light rounded-start-top-0 p-3 rounded">

                        <div className="d-flex justify-content-start flex-column">

                            <h6 className="mb-0">

                                <a href={feed_comment.user_url}>

                                    {feed_comment.user_name}

                                </a>

                            </h6>

                            <div className="d-flex justify-content-start mb-1">

                                <small>{feed_comment.time_elapsed}</small>

                                <i

                                    className='fa fa-trash ms-2 btn'

                                    onClick={() => setShowDeleteModal(true)}

                                />

                            </div>

                        </div>

                        <p className="small mb-0">

                            {feed_comment.comment}

                        </p>

                    </div>

                </div>

            </div>

            <DeleteModal

                url={feed_comment.link_delete}

                isOpen={showDeleteModal}

                closeModal={closeModal}

                title="Esta seguro de borrar este comentario?"

            />

        </>

    )

}

export default CommentTemplate