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