Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import DeleteModal from '../../shared/DeleteModal'

const CommentTemplate = ({ feed_comment, deleteComment }) => {
  const [showDeleteModal, setShowDeleteModal] = useState(false)

  const closeModal = () => setShowDeleteModal(false)

  return (
    <>
      <div className="d-flex position-relative mb-1">
        <div className="comment-list w-100 p-2 rounded">
          <div className={`comment comment-${feed_comment.unique}`}>
            <div className={'commentHeader'}>
              <img
                src={feed_comment.user_image}
                alt="user-image"
                className={'userImage'}
              />
              <div className={'info'}>
                <a href={feed_comment.user_url}>
                  <h3>{feed_comment.user_name}</h3>
                </a>
                <span>
                  <img
                    src="/images/clock.png"
                    alt=""
                    style={{ marginRight: '.2rem' }}
                  />
                  {feed_comment.time_elapsed}
                  {feed_comment.link_delete && (
                    <i
                      className="fa fa-trash ms-2"
                      onClick={() => setShowDeleteModal(true)}
                      style={{ cursor: 'pointer' }}
                    />
                  )}
                </span>
              </div>
            </div>
            <p>{feed_comment.comment}</p>
          </div>
        </div>
      </div>
      <DeleteModal
        url={feed_comment.link_delete}
        isOpen={showDeleteModal}
        closeModal={closeModal}
        title="Esta seguro de borrar este comentario?"
        onComplete={() => deleteComment(feed_comment.unique)}
        message="El comentario ha sido borrado"
      />
    </>
  )
}
export default CommentTemplate