Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

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

import styles from '../../assets/styles/feedCommentTemplate.module.scss'

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={styles.commentHeader}>

							<img

								src={feed_comment.user_image}

								alt="user-image"

								className={styles.userImage}

							/>

							<div className={styles.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